*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#2d3748;--navy-dark:#1a202c;--steel-blue:#5c7a99;--steel-light:#7b9ab8;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-600:#718096;--gray-700:#4a5568;--white:#ffffff;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--transition:all 0.3s ease}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;color:var(--navy-dark);background:var(--gray-100)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px;position:absolute;top:0;left:0;right:0;z-index:100}.nav-brand{font-weight:700;font-size:1.2rem;color:var(--white)}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:var(--white);text-decoration:none;font-weight:500;transition:var(--transition);opacity:.9}.nav-links a:hover{opacity:1;text-decoration:underline}.hero{background:linear-gradient(135deg,var(--navy) 0,var(--steel-blue) 100%);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--steel-blue),var(--steel-light),var(--steel-blue))}.hero-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:100px 40px 60px;max-width:1200px;margin:0 auto;width:100%;gap:40px}.hero-text{flex:1;color:var(--white)}.hero-subtitle{font-size:1rem;text-transform:uppercase;letter-spacing:2px;opacity:.8;margin-bottom:10px}.hero-text h1{font-size:3rem;font-weight:800;margin-bottom:20px;line-height:1.1}.hero-desc{font-size:1.15rem;opacity:.9;margin-bottom:30px;max-width:500px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);font-size:1.1rem}.btn-primary{background:var(--white);color:var(--navy)}.btn-primary:hover{background:var(--gray-200);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-image{flex:0 0 300px;display:flex;align-items:center;justify-content:center}.tire-icon{width:250px;height:250px;animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title{font-size:2.2rem;color:var(--navy);text-align:center;margin-bottom:10px}.section-subtitle{text-align:center;color:var(--gray-600);font-size:1.1rem;margin-bottom:50px}.services{padding:80px 0;background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:var(--gray-100);padding:35px 25px;border-radius:16px;text-align:center;transition:var(--transition);border:1px solid var(--gray-200)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--steel-blue)}.service-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,var(--navy) 0,var(--steel-blue) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.service-icon svg{width:35px;height:35px;stroke:var(--white)}.service-card h3{font-size:1.2rem;color:var(--navy);margin-bottom:12px}.service-card p{color:var(--gray-600);font-size:.95rem;line-height:1.6}.hours{padding:80px 0;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%)}.hours-wrapper{display:flex;justify-content:center}.hours-card{background:var(--white);padding:40px 50px;border-radius:20px;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.hours-grid{display:flex;flex-direction:column;gap:15px}.hours-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:10px;background:var(--gray-100);transition:var(--transition)}.hours-row:hover{background:var(--gray-200)}.hours-row .day{font-weight:500;color:var(--navy)}.hours-row .time{font-weight:600;color:var(--steel-blue)}.hours-row.highlight{background:linear-gradient(135deg,var(--steel-blue) 0,var(--steel-light) 100%)}.hours-row.highlight .day,.hours-row.highlight .time{color:var(--white)}.hours-row.closed{background:var(--gray-300)}.hours-row.closed .time{color:var(--gray-600)}.contact{padding:80px 0;background:var(--white)}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:25px}.contact-card{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--gray-100);border-radius:16px;transition:var(--transition)}.contact-card:hover{background:var(--gray-200)}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--navy) 0,var(--steel-blue) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px;stroke:var(--white)}.contact-text h3{font-size:1rem;color:var(--navy);margin-bottom:5px}.contact-text p{color:var(--gray-600);line-height:1.5}.contact-text a{color:var(--steel-blue);text-decoration:none;font-weight:600;font-size:1.1rem}.contact-text a:hover{color:var(--navy)}.contact-map{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.footer{background:var(--navy-dark);color:var(--white);padding:50px 0 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--gray-700)}.footer-brand h3{font-size:1.3rem;margin-bottom:5px}.footer-brand p{opacity:.7;font-size:.9rem}.footer-contact p{opacity:.8;font-size:.95rem}.footer-contact a{color:var(--steel-light);text-decoration:none}.footer-contact a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:25px;opacity:.6;font-size:.85rem}@media (max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}.contact-wrapper{grid-template-columns:1fr}.contact-map{order:-1}}@media (max-width:768px){.nav-brand,.nav-links{display:none}.hero{min-height:auto}.hero-content{flex-direction:column;text-align:center;padding:40px 20px 30px;gap:15px}.hero-text h1{font-size:2rem;margin-bottom:12px}.hero-subtitle{font-size:.85rem;margin-bottom:5px}.hero-desc{font-size:1rem;margin-bottom:20px;margin-left:auto;margin-right:auto}.hero-image{flex:0 0 auto;margin-top:10px}.tire-icon{width:120px;height:120px}.services-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:1.8rem}.hours-card{padding:30px 20px}.contact-card{flex-direction:column;text-align:center;align-items:center}.footer-content{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.hero-content{padding:30px 15px 25px;gap:10px}.hero-text h1{font-size:1.7rem}.hero-desc{font-size:.9rem;margin-bottom:15px}.btn{padding:12px 25px;font-size:1rem}.tire-icon{width:100px;height:100px}.service-card{padding:25px 20px}.hours-row{padding:10px 12px;font-size:.9rem}}