:root{font-family:system-ui,-apple-system,Noto Sans Thai,sans-serif;color:#1f2937;background:#f8fafc}*{box-sizing:border-box}body{margin:0}main{min-height:100vh}header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px}.brand{font-size:1.3rem;font-weight:800;color:#0f766e;text-decoration:none}header a:not(.brand){color:#475569;text-decoration:none}.hero{background:#0f766e;color:#fff;padding:72px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.08;margin:.25rem 0 1rem}.hero p{font-size:1.1rem;line-height:1.7;max-width:570px}.eyebrow{font-size:.8rem!important;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#99f6e4}.search,.dialog{background:#fff;color:#1f2937;border-radius:16px;padding:28px;box-shadow:0 16px 40px #052e2b55}.search h2{margin-top:0}label{display:grid;gap:6px;margin:14px 0;font-size:.9rem;font-weight:650}input,textarea,select{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:11px;width:100%;background:#fff}textarea{min-height:72px;resize:vertical}button{border:0;border-radius:8px;padding:12px 16px;background:#fbbf24;color:#1f2937;font:inherit;font-weight:800;cursor:pointer;width:100%;margin-top:8px}.secondary{background:#0f766e;color:#fff}.message{color:#b45309;font-size:.9rem}.cars,.steps{max-width:1120px;margin:0 auto;padding:64px 24px}.cars h2,.steps h2{font-size:2rem;margin:0 0 8px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:28px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #0f172a0d}.vehicle-image,.image-placeholder{display:block;width:100%;height:185px;background:#fff;object-fit:contain;object-position:center;padding:14px 18px 6px}.image-placeholder{display:grid;place-content:center;background:#ccfbf1;font-size:4rem}.card-body{padding:18px 20px 20px}.card h3{margin:4px 0}.card strong{display:block;margin:18px 0;font-size:1.35rem}.card small{font-weight:400;color:#64748b}.steps{background:#fff;max-width:none;padding-left:max(24px,calc((100vw - 1120px)/2));padding-right:max(24px,calc((100vw - 1120px)/2))}.steps ol{display:flex;gap:32px;padding-left:22px}.steps li{flex:1;line-height:1.6}footer{text-align:center;padding:32px 24px;color:#64748b;font-size:.9rem}.modal{position:fixed;inset:0;background:#0f172a99;overflow:auto;padding:32px 16px;display:grid;place-items:center}.dialog{width:min(560px,100%);position:relative}.rental-dialog{width:min(720px,100%)}.dialog h2{margin-top:0}.close{position:absolute;right:12px;top:10px;width:auto;margin:0;background:transparent;font-size:1.7rem;padding:4px 10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{margin:0}fieldset{border:1px solid #dbe4ee;border-radius:10px;margin:18px 0;padding:12px 14px}legend{font-weight:750;padding:0 5px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row label{display:flex;align-items:center;gap:6px;margin:0;padding:7px 10px;background:#f8fafc;border-radius:7px;font-size:.85rem}.choice-row input{width:auto}.price-summary{display:grid;grid-template-columns:1fr auto;gap:9px 20px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:15px;margin:18px 0}.price-summary strong{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #a7f3d0;padding-top:11px;font-size:1.15rem}.price-summary small{grid-column:1/-1;color:#475569;line-height:1.4}.privacy{font-size:.8rem;color:#64748b;line-height:1.5}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:32px}.steps ol{display:block}.steps li{margin:12px 0}.vehicle-image,.image-placeholder{height:165px;padding:12px 14px 4px}.form-grid{grid-template-columns:1fr}.modal{padding:12px}.dialog{padding:24px 18px}.choice-row{display:grid}.price-summary{gap:8px 12px}}
