@font-face {
  font-family: "Noto Sans Thai";
  src: url("/fonts/noto-sans-thai-thai-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url("/fonts/noto-sans-thai-thai-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url("/fonts/noto-sans-thai-thai-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url("/fonts/noto-sans-thai-thai-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, sans-serif;
}

.icon-sprite { display: none; }
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.13em;
}

.brand-car {
  width: 49px;
  height: 40px;
  object-fit: contain;
  flex: 0 0 auto;
  transform: scale(1.8);
}
.header-security { display: inline-flex; align-items: center; gap: 6px; }
.header-security .icon { color: #1268ca; font-size: 15px; }

.hero h1 { font-size: 47px; font-weight: 800; letter-spacing: -1.8px; }
.hero-copy > p { font-weight: 400; }
.car-caption {
  top: 10px;
  right: 54px;
  width: 220px;
  height: auto;
  padding: 0;
  border: 0;
  transform: none;
}

/* Keep the vehicle image within the same centered frame as the content. */
@media (min-width: 651px) {
  .hero-photo {
    inset: 0 auto 0 50%;
    width: min(100%, 1140px);
    transform: translateX(-50%);
    background-size: 1140px auto;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.round .icon { font-size: 26px; }
.document-icon .icon { font-size: 26px; }

.input-wrap { position: relative; }
.input-wrap > .icon {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 1;
  color: #5c6c7d;
  font-size: 17px;
  pointer-events: none;
}
.input-wrap input,
.input-wrap select { padding-left: 41px; }
.input-wrap select { appearance: auto; }

#submit .icon { font-size: 21px; }
.secure-note .icon { margin-right: 3px; font-size: 13px; }

@media (max-width: 650px) {
  .hero h1 { font-size: 36px; }
  .car-caption { top: 218px; right: 16px; width: 160px; }
  .input-wrap > .icon { font-size: 18px; left: 14px; }
}

.turnstile-placeholder{width:312px;max-width:100%;height:66px;margin:16px auto;display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #d4d8de;border-radius:4px;background:#fafafa;color:#3d4650;font-family:Arial,sans-serif;font-size:11px;box-shadow:0 1px 2px #0000000c}.turnstile-box{width:28px;height:28px;flex:0 0 28px;border:2px solid #9aa2aa;border-radius:3px;background:#fff}.turnstile-placeholder b,.turnstile-placeholder small{display:block}.turnstile-placeholder b{font-size:12px;font-weight:600}.turnstile-placeholder small{color:#6d7781;margin-top:2px}.turnstile-cloud{margin-left:auto;color:#ef7d22;font-size:26px;line-height:1}

.selling{margin-top:46px;padding:30px 34px 26px;border:1px solid #d9e5f5;border-radius:16px;background:linear-gradient(118deg,#f7fbff,#eef6ff);text-align:center}.selling-heading p{margin:0;color:#1762bf;font-size:12px;font-weight:700}.selling-heading h2{margin:3px 0 21px;font-size:25px;line-height:1.35}.selling-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:780px;margin:auto}.selling-grid article{aspect-ratio:1.16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:16px;border:1px solid #d5e2f4;border-radius:12px;background:#fff;color:#153b6c;font-size:15px;box-shadow:0 4px 12px #134d8810}.selling-grid span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#e1efff;color:#1465c9;font-size:19px;font-weight:800}.selling-note{margin:16px 0 0;color:#68788c;font-size:10px}@media(max-width:850px){.selling{margin:35px 20px 0}}@media(max-width:650px){.selling{margin:30px 14px 0;padding:24px 16px}.selling-heading h2{font-size:21px}.selling-grid{grid-template-columns:repeat(2,1fr);gap:9px}.selling-grid article{font-size:13px;padding:10px;gap:7px}.selling-grid span{width:28px;height:28px;flex-basis:28px;font-size:16px}.selling-note{font-size:9px}}

.selling-grid .selling-card-icon{width:96px;height:96px;flex:0 0 96px;object-fit:contain}@media(max-width:650px){.selling-grid .selling-card-icon{width:76px;height:76px;flex-basis:76px}}

.selling-grid .occupations-icon{width:142px;height:120px;flex-basis:120px}@media(max-width:650px){.selling-grid .occupations-icon{width:124px;height:100px;flex-basis:100px}}

/* Compact benefits ribbon above the contact form. */
.selling-ticker {
  max-width: 1140px;
  margin: 18px auto 26px;
  padding: 0;
  text-align: left;
  border: 0;
  background: transparent;
}
.selling-ticker .selling-viewport {
  overflow: hidden;
  padding: 8px 1px;
}
.selling-ticker .selling-grid {
  display: flex;
  width: max-content;
  max-width: none;
  margin: 0;
  gap: 14px;
  animation: selling-marquee 42s linear infinite;
}
.selling-ticker .selling-grid article {
  display: flex;
  width: 166px;
  height: 132px;
  min-height: 0;
  flex: 0 0 166px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 12px;
  border-radius: 12px;
  font-size: 13px;
  text-align: center;
  box-shadow: 0 4px 12px #134d8812;
}
.selling-ticker .selling-card-icon {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
}
.selling-ticker .occupations-icon {
  width: 110px;
  height: 72px;
  flex-basis: 72px;
}
.selling-ticker .selling-note {
  margin: 9px 0 0;
  text-align: center;
}
.selling-ticker + .form-card { margin: 0 auto; }
.selling-ticker:hover .selling-grid { animation-play-state: paused; }
@keyframes selling-marquee {
  to { transform: translateX(calc(-50% - 7px)); }
}
@media (max-width: 650px) {
  .selling-ticker { margin: 12px auto 20px; }
  .selling-ticker .selling-grid { gap: 10px; animation-duration: 34s; }
  .selling-ticker .selling-grid article { width: 136px; height: 115px; flex-basis: 136px; padding: 9px; font-size: 12px; }
  .selling-ticker .selling-card-icon { width: 56px; height: 56px; flex-basis: 56px; }
  .selling-ticker .occupations-icon { width: 96px; height: 62px; flex-basis: 62px; }
  .selling-ticker .selling-note { padding: 0 12px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .selling-ticker .selling-viewport { overflow-x: auto; }
  .selling-ticker .selling-grid { animation: none; }
}