.enquiry-page { --enq-ink: #eaf0f5; --enq-muted: #adbcc9; --enq-surface: #101b25; --enq-border: #344553; --enq-cyan: #4fd6e8; background: #071018; color: var(--enq-ink); }
.enquiry-page main { max-width: 1320px; margin: auto; padding: 150px 5vw 100px; }
.enquiry-intro { max-width: 950px; margin-bottom: 48px; }
.enquiry-intro h1 { font-size: clamp(46px,6vw,88px); line-height: 1.04; letter-spacing: -.05em; max-width: 13ch; margin: 0 0 26px; }
.enquiry-intro p { font-size: clamp(19px,2vw,24px); line-height: 1.5; max-width: 52ch; color: var(--enq-muted); }
.enquiry-paths { display: flex; border-block: 1px solid var(--enq-border); margin: 0 0 48px; gap: 18px; }
.enquiry-paths a { display: flex; align-items: center; gap: 16px; padding: 24px 16px; flex: 1; font-size: 21px; border-bottom: 3px solid transparent; color: var(--enq-muted); text-decoration: none; }
.enquiry-paths a[aria-current] { color: var(--enq-cyan); border-color: var(--enq-cyan); }
.enquiry-paths svg { width: 42px; height: 42px; flex: 0 0 42px; }
.enquiry-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(270px,.7fr); gap: 6vw; align-items: start; }
.enquiry-layout h2 { font-size: clamp(28px,3.2vw,44px); letter-spacing: -.035em; line-height: 1.1; margin: 0 0 16px; }
.enquiry-layout p { line-height: 1.6; }
.enquiry-side { padding-top: 12px; border-top: 2px solid var(--enq-cyan); }
.enquiry-side h3 { font-size: 24px; margin: 26px 0 12px; }
.enquiry-side p { color: var(--enq-muted); font-size: 17px; }
.enquiry-field { margin: 25px 0; min-width: 0; }
.enquiry-field label { display: block; font-size: 18px; line-height: 1.35; margin-bottom: 9px; font-weight: 600; }
.enquiry-field input,.enquiry-field textarea,.enquiry-field select,.enquiry-output { width: 100%; min-width: 0; border: 1px solid var(--enq-border); border-radius: 4px; background: var(--enq-surface); color: var(--enq-ink); font: inherit; font-size: 18px; line-height: 1.5; padding: 13px 15px; box-sizing: border-box; }
.enquiry-field textarea { resize: vertical; }
.enquiry-field [aria-invalid="true"] { border-color: #f05a4f; }
.enquiry-field .enquiry-hint,.enquiry-field .enquiry-error { font-size: 15px; line-height: 1.5; margin: 7px 0 0; }
.enquiry-hint { color: var(--enq-muted); }
.enquiry-error { color: #ffa098; }
.enquiry-page :focus-visible { outline: 3px solid var(--enq-cyan); outline-offset: 4px; }
.enquiry-remember { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; margin-top: 30px; }
.enquiry-remember input { width: 20px; height: 20px; accent-color: var(--enq-cyan); flex-shrink: 0; margin-top: 3px; }
.enquiry-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin: 26px 0 12px; }
.enquiry-page .button { background: var(--enq-cyan); color: #071018; border: 1px solid var(--enq-cyan); font: inherit; font-weight: 600; cursor: pointer; }
.enquiry-page .enquiry-secondary { padding: 13px 0; background: transparent; color: var(--enq-muted); border: none; font: inherit; text-decoration: underline; cursor: pointer; }
.enquiry-status { min-height: 1.7em; color: var(--enq-cyan); line-height: 1.6; }
.enquiry-preview { margin-top: 54px; padding-top: 30px; border-top: 1px solid var(--enq-border); scroll-margin-top: 110px; }
.enquiry-preview h2 { font-size: 38px; }
.enquiry-output { min-height: 470px; resize: vertical; font-size: 17px; }
.enquiry-page [hidden] { display: none !important; }
.commercial-paths { display: grid; gap: 0; border-block: 1px solid #344553; }
.commercial-paths a { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 0; border-bottom: 1px solid #344553; color: inherit; font-size: clamp(22px,3vw,36px); text-decoration: none; }
.commercial-paths a:last-child { border: 0; }
.commercial-paths span { font-size: 17px; max-width: 35ch; color: #adbcc9; }
@media(max-width:760px) { .enquiry-page main { padding-top: 125px; } .enquiry-layout { grid-template-columns: 1fr; gap: 40px; } .enquiry-side { order: 2; } .enquiry-paths { gap: 0; } .enquiry-paths a { flex-direction: column; align-items: flex-start; font-size: 17px; padding: 18px 12px; gap: 10px; } .enquiry-paths svg { width: 32px; height: 32px; } .enquiry-actions { align-items: stretch; } .enquiry-actions .button { width: 100%; justify-content: center; text-align: center; } .commercial-paths a { align-items: flex-start; flex-direction: column; gap: 10px; } }
@media(prefers-reduced-motion:reduce) { .enquiry-page *, .enquiry-page *::before, .enquiry-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }