/* Final: visual styles scoped through the selectors below. Responsive rules follow the base rules. */
/* Final production refinements: readable text, reliable header widths and accessible focus. */
body{font-family:Avenir,Arial,sans-serif}
p{font-size:17px}
.pagehero{padding:75px 0}
header nav{flex-wrap:wrap;justify-content:flex-end}
main{min-height:45vh}
.pipedriveWebForms{min-height:500px}
img{max-width:100%;height:auto}
/* Small screens retain a single, clear navigation panel. */
@media(max-width:800px){header nav{flex-wrap:nowrap;align-items:stretch}
.pagehero{padding:45px 0}
.hero-grid{overflow:hidden}
}

/* Separate application and quotation forms visually while keeping both responsive. */
.quotation-section{background:#111d29;color:#fff;padding:clamp(3rem,8vw,7rem) 0}
.quotation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.quotation-grid .eyebrow{color:#d7fa62}
.quotation-grid a{text-decoration:underline;text-underline-offset:.2em}
.vendor-form{min-width:0;background:#fff;color:#111d29;padding:clamp(1rem,3vw,2rem);border:1px solid #d9e0df;border-radius:1rem}
.vendor-form iframe{max-width:100%}
@media(max-width:800px){.quotation-grid{grid-template-columns:1fr}}