/* Page 7 — Request a Quote; inherits approved MidAmerica header, logo and fonts from services.css. */
:root{--subtle:#ecf0f4}
.skip-link{position:absolute;left:-10000px;top:0;padding:8px;background:#fff;z-index:50}.skip-link:focus{left:10px}
.quote-hero{min-height:480px;background:linear-gradient(90deg,rgba(3,20,38,.99) 0%,rgba(4,23,44,.95) 32%,rgba(4,25,45,.45) 62%,rgba(4,26,48,.04) 100%),url('assets/equipment-fleet-angled.jpg') 72% 52%/cover}
.quote-hero h1{font-size:clamp(55px,5.5vw,92px)}.quote-hero p{max-width:610px}.quote-hero .hero-inner{width:min(750px,100%)}.hero-corner-note{position:absolute;bottom:27px;right:4%;font-size:11px;font-weight:900;letter-spacing:1.2px;color:#fff;border-left:3px solid var(--red);padding-left:15px;background:#031a3266;padding-top:11px;padding-bottom:11px;padding-right:8px}
.quote-ribbon{background:#061d37;color:#fff}.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:22px}.ribbon-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:2px 26px;border-right:1px solid #42586d}.ribbon-grid>div:first-child{padding-left:0}.ribbon-grid>div:last-child{border-right:0}.ribbon-num{grid-row:span 2;font:38px/1 Impact,'Arial Narrow',Arial,sans-serif;color:#f12543}.ribbon-grid b{font-size:13px;letter-spacing:.45px}.ribbon-grid small{font-size:12px;color:#c8d6e2;margin-top:6px}
.quote-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:50px;padding-top:61px;padding-bottom:40px}.quote-intro h2,.quote-method h2,.quote-close h2{font:900 clamp(38px,3.8vw,65px)/1.04 Impact,'Arial Narrow',Arial,sans-serif;margin:12px 0 0}.quote-intro h2 span,.quote-method h2 span,.quote-close h2 span{color:var(--red)}.quote-intro p{line-height:1.7;color:#344961;font-size:16px;margin:0 0 5px}
.quote-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:24px;padding-bottom:70px;align-items:start}
.form-card{border:1px solid #dce3ea;box-shadow:0 8px 25px #142d430c;background:#fff;padding:37px 38px 34px}.form-card-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.form-card-header h2{font:900 clamp(33px,3vw,49px)/1.06 Impact,'Arial Narrow',Arial,sans-serif;margin:9px 0 0}.step-counter{color:#9daaba;font:900 18px Impact,Arial,sans-serif;letter-spacing:2px}.preview-alert{display:flex;gap:13px;padding:14px 17px;background:#fff8eb;border:1px solid #f5dfb2;margin-bottom:30px;color:#57411e}.preview-alert b{font-size:11px;letter-spacing:1px;display:block}.preview-alert span:not(.alert-dot){display:block;font-size:12px;line-height:1.5;margin-top:4px}.alert-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#ce8a24;margin-top:4px}
fieldset{border:0;padding:0;margin:0 0 27px}fieldset+fieldset{border-top:1px solid #dfe5eb;padding-top:26px}legend{font-size:13px;color:#081f3c;font-weight:900;letter-spacing:.8px;margin-bottom:20px;width:100%}.section-index{display:inline-flex;align-items:center;justify-content:center;background:#ec1836;color:#fff;width:29px;height:28px;margin-right:10px;font-size:13px}.form-grid{display:grid;gap:18px 19px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-size:12px;font-weight:800;color:#122e4d}.field label span,.form-bottom p span{color:var(--red)}.field input,.field select,.field textarea{min-width:0;width:100%;height:46px;padding:12px 13px;border:1px solid #cfd8e2;border-radius:2px;background:#f9fbfd;color:#09213f;font:14px Arial,sans-serif;outline-offset:2px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #135fa3;border-color:#135fa3;background:#fff}.field textarea{height:auto;resize:vertical;min-height:132px}.field input::placeholder,.field textarea::placeholder{color:#93a0ae}.wide-field{margin-top:20px}.field-hint{font-size:11px;color:#687b91}.invalid-field{border:2px solid #c51431!important;background:#fff4f5!important}.form-bottom{border-top:1px solid #e2e7ed;padding-top:23px;display:flex;gap:20px;justify-content:space-between;align-items:center}.form-bottom b{font-size:13px}.form-bottom p{color:#66798c;font-size:11px;line-height:1.45;margin:8px 0 0;max-width:350px}.review-button{background:var(--red);border:1px solid var(--red);color:#fff;font:900 12px Arial,sans-serif;letter-spacing:.25px;padding:16px 20px;cursor:pointer;min-height:48px;border-radius:2px}.review-button span{padding-left:13px}.review-button:hover{background:#c71630}.form-error{color:#b6152d;font-size:12px;margin:12px 0 0;font-weight:700}
.quote-aside{background:#061d37;color:#fff;overflow:hidden}.aside-top{padding:38px 32px 35px}.aside-top h2{font:900 clamp(40px,3vw,55px)/1.02 Impact,'Arial Narrow',Arial,sans-serif;margin:15px 0}.aside-top h2 span{color:#ee2543}.aside-top>p{font-size:14px;line-height:1.7;color:#d3e0ec}.aside-divider{height:3px;width:55px;background:#ef2542;margin:27px 0}.aside-point{display:flex;gap:14px;align-items:start;margin:22px 0}.aside-point>span{border:2px solid #ef2542;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#ff3751;flex:0 0 26px;font-size:15px;font-weight:bold}.aside-point b{display:block;font-size:12px;letter-spacing:.5px}.aside-point p{font-size:12px;color:#c8d5e2;line-height:1.55;margin:5px 0 0}.aside-link{display:inline-block;margin:10px 0 0;font-size:11px;font-weight:900;color:#fff;border-bottom:2px solid #e92341;padding:0 0 9px}.aside-photo{position:relative;height:235px}.aside-photo img{height:100%;width:100%;object-fit:cover;object-position:center;display:block}.aside-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#061d37bd)}.aside-photo span{position:absolute;left:20px;bottom:17px;z-index:1;color:white;font-size:11px;font-weight:900;letter-spacing:.8px}.aside-note{background:#edf1f5;color:#09203d;padding:25px 31px}.aside-note b{font-size:13px}.aside-note p{font-size:13px;line-height:1.6;color:#42576e}.aside-note a{font-size:11px;color:#b90e2b;font-weight:900}
.quote-method{padding-top:12px;padding-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.process-grid article{background:#f0f3f6;padding:28px 30px;border-top:4px solid #dbe2e9}.process-grid article span{font:900 39px Impact,'Arial Narrow',Arial,sans-serif;color:var(--red)}.process-grid h3{font-size:14px;font-weight:900;margin:14px 0 8px}.process-grid p{font-size:13px;color:#506479;line-height:1.65;margin:0}
.quote-close{color:#fff;background:linear-gradient(90deg,#05182e 0%,#061c36f0 52%,#061c36a9 100%),url('assets/equipment-fleet-wide.jpg') center 48%/cover;padding:50px 0}.close-grid{display:grid;grid-template-columns:1fr .85fr auto;gap:32px;align-items:center}.quote-close p{font-size:14px;color:#e1eaf3;line-height:1.7;border-left:1px solid #8fa0ae;padding-left:24px;margin:0}.quote-close .btn{white-space:nowrap}
#quote-preview{border:0;border-top:5px solid var(--red);padding:30px 35px;max-width:700px;width:calc(100% - 30px);box-shadow:0 30px 90px #0007;color:#061d37}#quote-preview::backdrop{background:#031427bc}#quote-preview h2{font:900 39px Impact,'Arial Narrow',Arial,sans-serif;margin:12px 0}#quote-preview>p{font-size:14px;line-height:1.55;color:#485d73}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-close{background:none;border:0;font-size:31px;cursor:pointer;color:#112c4a}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary-button{border:1px solid #9eafc1;background:white;font-size:12px;font-weight:800;color:#061d37;padding:12px 18px;cursor:pointer}#summary-text{white-space:pre-wrap;word-break:break-word;background:#f0f3f6;border-left:3px solid var(--red);padding:20px;line-height:1.8;font-size:13px;max-height:43vh;overflow:auto}#copy-feedback{font-size:12px;color:#27613c}
@media(max-width:1150px){.quote-main{grid-template-columns:1fr .7fr;gap:18px}.form-card{padding:29px}.close-grid{grid-template-columns:1fr 1fr}.close-grid>a{grid-column:1/-1;justify-self:start}}
@media(max-width:850px){.quote-main{grid-template-columns:1fr}.quote-aside{display:grid;grid-template-columns:1fr 1fr}.aside-top{grid-row:span 2}.aside-photo{height:100%}.quote-intro{grid-template-columns:1fr;gap:20px}.quote-ribbon .ribbon-grid>div{padding:2px 14px}.hero-corner-note{display:none}}
@media(max-width:600px){.quote-hero{padding:57px 22px;min-height:500px;background:linear-gradient(90deg,rgba(3,20,38,.97),rgba(3,20,38,.67)),url('assets/equipment-fleet-angled.jpg') 55% center/cover}.quote-hero h1{font-size:49px}.ribbon-grid{grid-template-columns:1fr;gap:18px}.ribbon-grid>div{border:0;border-bottom:1px solid #42586d;padding:0 0 15px!important}.ribbon-grid>div:last-child{border:0;padding-bottom:0!important}.quote-intro{padding-top:43px;padding-bottom:28px}.quote-intro h2,.quote-method h2{font-size:42px}.form-card{padding:24px 17px}.form-grid.two{grid-template-columns:1fr}.form-card-header h2{font-size:38px}.step-counter{font-size:12px}.form-bottom{align-items:stretch;flex-direction:column}.quote-aside{display:block}.aside-photo{height:220px}.process-grid{grid-template-columns:1fr}.quote-method{padding-top:0;padding-bottom:48px}.close-grid{grid-template-columns:1fr}.quote-close p{border:0;padding:0}.quote-close h2{font-size:45px}#quote-preview{padding:22px 18px}}
/* Final typography and narrow-screen containment. */
@media (min-width:701px){.quote-hero h1{font-size:clamp(55px,4.8vw,73px)}}
@media (max-width:700px){header nav{min-width:0;max-width:calc(100vw - 40px);width:100%;overflow-x:auto;overscroll-behavior-x:contain}header{max-width:100%}}
@media (max-width:700px){html,body{overflow-x:clip}nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:calc(100vw - 40px)}}