*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a2a4a;--primary-light:#2d4a7a;--accent:#e8a838;--accent-hover:#d4952e;--text:#333;--text-light:#666;--bg:#fff;--bg-alt:#f7f8fa;--border:#e0e0e0;--radius:8px;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}html{scroll-behavior:smooth}body{margin:0}.site-header{z-index:100;background:var(--primary);color:#fff;box-shadow:var(--shadow);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 24px;display:flex}.logo{letter-spacing:-.5px;color:var(--accent);font-size:22px;font-weight:700}nav{gap:24px;display:flex}nav a{color:#ffffffd9;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:var(--accent)}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;text-align:center;padding:100px 24px 80px}.hero h1{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.15}.hero-sub{color:#fffc;max-width:560px;margin:0 auto 36px;font-size:clamp(16px,2.5vw,20px)}.cta-btn{background:var(--accent);color:var(--primary);border-radius:var(--radius);padding:14px 36px;font-size:17px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.inventory{text-align:center;max-width:1100px;margin:0 auto;padding:80px 24px}.inventory h2{color:var(--primary);margin-bottom:40px;font-size:32px;font-weight:700}.inventory-empty{color:var(--text-light);padding:48px 0;font-size:18px}.car-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;display:grid}.car-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.car-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.car-img-wrap{height:200px;overflow:hidden}.car-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.car-card:hover .car-img-wrap img{transform:scale(1.05)}.car-info{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.car-info h3{color:var(--primary);margin:0;font-size:18px;font-weight:700}.car-miles{color:var(--text-light);font-size:14px}.car-price{color:var(--accent-hover);margin-top:4px;font-size:22px;font-weight:800}.car-enquire{text-align:center;background:var(--primary);color:#fff;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.car-enquire:hover{background:var(--primary-light)}.about{text-align:center;background:var(--bg-alt);padding:80px 24px}.about h2{color:var(--primary);margin-bottom:48px;font-size:32px;font-weight:700}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:1000px;margin:0 auto;display:grid}.feature{box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:32px 24px;transition:transform .2s,box-shadow .2s}.feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:36px}.feature h3{color:var(--primary);margin-bottom:8px;font-size:18px;font-weight:700}.feature p{color:var(--text-light);font-size:15px}.contact{text-align:center;padding:80px 24px}.contact h2{color:var(--primary);margin-bottom:8px;font-size:32px;font-weight:700}.contact-sub{color:var(--text-light);margin-bottom:40px}.contact-form{text-align:left;flex-direction:column;gap:20px;max-width:560px;margin:0 auto;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--primary);font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #2d4a7a1f}.form-group textarea{resize:vertical}.submit-btn{background:var(--accent);color:var(--primary);border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;padding:14px 32px;font-size:16px;font-weight:700;transition:background .2s,transform .2s}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.success-msg{background:#f0faf0;border:1.5px solid #b8e6b8;border-radius:12px;max-width:520px;margin:0 auto;padding:40px}.success-icon{color:#fff;background:#34a853;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;font-weight:700;display:inline-flex}.success-msg h3{color:var(--primary);margin-bottom:8px;font-size:22px}.success-msg p{color:var(--text-light)}.site-footer{background:var(--primary);color:#fff9;text-align:center;padding:32px 24px;font-size:14px}.footer-inner{max-width:1100px;margin:0 auto}.footer-brand{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}
