:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#17202a;background:#edf0f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);background:linear-gradient(120deg,#081e34,#2d4763 52%,#c89c91);position:relative;overflow:hidden}.hero{position:relative;min-height:100svh;padding:48px clamp(28px,5vw,88px);color:white;display:flex;flex-direction:column;isolation:isolate}.brand{font-weight:800;font-size:25px;letter-spacing:.24em;display:flex;align-items:center;gap:12px}.brand-mark{font-size:36px;line-height:1;color:#e4e9f0}.hero-copy{position:relative;z-index:2;margin:auto 0;max-width:490px}.eyebrow{font-size:13px;letter-spacing:.28em;font-weight:700}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:#fff;vertical-align:middle;margin-right:13px}h1{font-size:clamp(48px,5.1vw,86px);line-height:1.04;letter-spacing:-.045em;margin:22px 0} .hero-copy>p:last-child{font-size:clamp(16px,1.5vw,20px);line-height:1.65;max-width:450px;color:#edf1f5}.horizon{position:absolute;inset:auto -10% 0;height:42%;background:linear-gradient(180deg,transparent 0%,#101f34 65%),linear-gradient(145deg,transparent 39%,#15263b 40%,#233d53 52%,transparent 53%);opacity:.7;z-index:0}.vehicle-art{position:absolute;bottom:10%;left:13%;font-size:180px;color:#dbe5ee;opacity:.08;z-index:0}.form-area{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:52px clamp(24px,4vw,76px)}.form-card{width:100%;max-width:570px;background:#fff;border-radius:22px;padding:clamp(24px,3vw,42px);box-shadow:0 24px 80px #07152540}h2{font-size:25px;letter-spacing:-.025em;margin:0 0 6px}.subheading{color:#667080;margin:0 0 28px;font-size:14px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{font-weight:700;font-size:13px}
/* Red color for required asterisks only */
.field > label > span {
  color: #cf3737;
}

/* DENZA model checkbox styling */
.field .model-options .model-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #17202a;
  cursor: pointer;
}

.field .model-options .model-option span {
  color: #17202a;
  font-size: 13px;
  font-weight: 500;
}

.field .model-options .model-option input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  flex-shrink: 0;
}
input:not([type=checkbox]),select{font:inherit;font-size:14px;border:1px solid #c8cfd9;background:#fff;border-radius:8px;min-height:46px;padding:11px 13px;width:100%;outline:none;color:#1e2b3b}input:focus,select:focus{border-color:#0d416d;box-shadow:0 0 0 3px #2c70a51f}select{cursor:pointer}hr{border:0;border-top:1px solid #e1e5eb;margin:24px 0}.consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.55;cursor:pointer}.consent input{width:19px;height:19px;flex:none;margin:2px 0;accent-color:#0c2a46}.consent a{color:#142f4a;font-weight:700;text-decoration:underline}.hint{font-size:11px;color:#737f8e;margin:3px 0 0;line-height:1.5}button{width:100%;border:0;background:#071e35;color:#fff;border-radius:9px;padding:15px 18px;font:700 15px Inter,Arial,sans-serif;cursor:pointer;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:14px}button:hover{background:#174267}.fine-print{text-align:center;font-size:11px;color:#737f8e;line-height:1.5;margin:16px 0 0}.success{text-align:center;padding:48px 0}.checkmark{width:64px;height:64px;border-radius:50%;background:#e5f5eb;color:#19864c;font-size:38px;margin:0 auto 22px}.success p{line-height:1.6;color:#667080}@media(max-width:1000px){.page{grid-template-columns:1fr}.hero{min-height:300px;padding:30px 6vw 48px}.hero-copy{margin:38px 0 0}.hero h1{font-size:42px;margin:12px 0}.hero-copy>p:last-child{font-size:15px;max-width:450px}.horizon{height:70%}.form-area{padding:0 22px 42px;margin-top:-18px}.form-card{max-width:680px}}@media(max-width:600px){.hero{min-height:250px;padding:20px 20px 42px}.brand{font-size:19px}.brand-mark{font-size:26px}.hero-copy{margin:25px 0 0}.eyebrow{font-size:10px}.hero h1{font-size:36px}.hero-copy>p:last-child{font-size:13px;line-height:1.5;max-width:300px}.form-area{padding:0 12px 24px;margin-top:-12px}.form-card{padding:22px 18px;border-radius:17px}.field-grid{grid-template-columns:1fr;gap:0}.field{margin-bottom:16px}h2{font-size:21px}.subheading{margin-bottom:22px}hr{margin:19px 0}input:not([type=checkbox]),select{min-height:46px;font-size:16px}.consent{font-size:12px}}



/* DENZA Logo - Desktop */
.brand {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.brand-logo {
  display: block;
  width: 100px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 1000px) {
  .brand-logo {
    width: 170px;
  }
}

/* iPhone / Mobile */
@media (max-width: 600px) {
  .brand-logo {
    width: 130px;
  }
}

/* DENZA Model Selection */


/* DENZA MODEL SELECTION */

.model-hint {
  font-size: 12px;
  color: #737f8e;
  margin: 0 0 12px;
}

.model-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.field .model-options .model-option {
  display: inline-flex;
  flex: 1 1 120px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 12px 14px;
  margin: 0;
  border: 1px solid #c8cfd9;
  border-radius: 8px;
  background: #ffffff;
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}

.field .model-options .model-option span {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.field .model-options .model-option input[type="checkbox"] {
  appearance: auto;
  display: inline-block;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: 0 0 16px;
  accent-color: #000000;
}

.field .model-options .model-option:hover {
  border-color: #000000;
  background: #f5f8fc;
}

.field .model-options .model-option:focus-within {
  border-color: #000000;
  background: #edf3f9;
}

/* MOBILE */


/* MOBILE MODEL SELECTION */
@media (max-width: 600px) {
  .model-options {
    gap: 8px;
  }

  .field .model-options .model-option {
    flex: 1 1 100%;
    padding: 12px;
  }
}

/* HIDE INACTIVE SECTIONS */
#form-content[hidden],
#success[hidden] {
  display: none !important;
}

/* SUCCESS SCREEN */
#success {
  text-align: center;
  padding: 35px 0;
}

#success p {
  line-height: 1.6;
  color: #667080;
}

/* DENZA BROCHURE BUTTONS */
#brochure-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 24px 0;
}

#brochure-links a {
  display: block;
  width: 100%;
  padding: 15px 18px;
  background-color: #071e35;
  color: #ffffff !important;
  border-radius: 9px;
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

#brochure-links a:hover {
  background-color: #174267;
  color: #ffffff !important;
}

#brochure-links a:focus-visible {
  outline: 3px solid #729dc6;
  outline-offset: 2px;
}

/* SUBMIT ANOTHER INQUIRY BUTTON */
#success #again {
  margin-top: 18px;
  background: #edf0f5;
  color: #071e35;
}

#success #again:hover {
  background: #dce3eb;
}

/* MOBILE BROCHURE BUTTONS */
@media (max-width: 600px) {
  #brochure-links a {
    padding: 13px 12px;
    font-size: 13px;
  }
}