/* FirstMile trade experience — procurement clarity and technical character. */
.trade-head{position:relative;isolation:isolate;overflow:hidden;background:#303b2d}
.trade-head:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#dce9c808 50%,transparent 50.1%),linear-gradient(0deg,#19231622,transparent 65%)}
.trade-head .wrap{align-items:center;gap:clamp(32px,5vw,88px);padding-top:64px;padding-bottom:64px}
.trade-head h1{max-width:700px;text-wrap:balance;font-weight:500;letter-spacing:-.045em}
.trade-head p{font-size:14px;line-height:1.8;color:#c1ceb5}
.trade-head .eyebrow{color:#c5d49e;letter-spacing:1.8px}
.trade-head-actions{gap:22px}
.trade-head-actions .button{min-height:49px}
.trade-head-actions .text-link{color:#e5ecd8;border-color:#8d9e7e}
.trade-head-panel{position:relative;background:#3b4933;border-color:#6f815d;padding:32px;box-shadow:inset 0 3px #c8d890}
.trade-head-panel h2{font-size:24px;line-height:1.22;max-width:350px;margin-bottom:22px}
.trade-head-panel li{font-size:13px;line-height:1.55;padding:16px 0;color:#e1e8d8;align-items:center}
.trade-head-panel li svg{width:17px;height:17px;color:#d6e79f}
.trade-head-panel .v4-note{font-size:10px;color:#bdcba9;max-width:350px;line-height:1.8}
.trade-segments{gap:16px}
.trade-segment{position:relative;display:flex;flex-direction:column;min-height:205px;background:#edf0e6;border:1px solid #ccd5be;padding:28px;transition:border-color .2s,background .2s}
.trade-segment:before{content:"";position:absolute;top:0;left:28px;width:38px;height:3px;background:#82945f}
.trade-segment:hover{background:#e6ecdc;border-color:#94a77c}
.trade-segment span{font-size:9px;letter-spacing:1.3px;color:#647650}
.trade-segment h3{font-size:27px;line-height:1.15;margin:22px 0 15px;letter-spacing:-.7px}
.trade-segment p{font-size:13px;line-height:1.8;color:#56664b;max-width:340px;margin:0}
.trade-steps{gap:0;border:1px solid #cbd5bd;padding:0;background:#f1f4ea}
.trade-steps article{padding:27px 24px;border-right:1px solid #cbd5bd;min-width:0}
.trade-steps article:last-child{border-right:0}
.trade-steps span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #b4c29d;background:#e5ebd9;color:#4b5f36;font-size:10px}
.trade-steps h3{font-size:18px;margin-top:21px;line-height:1.2}
.trade-steps p{font-size:12px;line-height:1.8;color:#5a6a4e;margin-bottom:0;max-width:240px}
.trade-request{margin-top:48px;padding:40px;border-color:#b6c59e;background:#e7eddd;box-shadow:inset 0 4px #7f915e}
.trade-request h2{font-size:38px;letter-spacing:-1.4px;line-height:1.12;margin-top:18px}
.trade-request>.request-intro{font-size:13px;line-height:1.8;color:#5d6f4c;max-width:650px;margin:14px 0 28px}
.trade-table-head{font-size:9px;color:#526544;border-top-color:#adbf93;padding:14px 0}
.trade-table-head,.trade-row{grid-template-columns:1.1fr 1.2fr 76px 38px;gap:12px}
.trade-row{margin-bottom:12px}
.trade-row input{font-size:13px;height:48px;line-height:1.5;padding:12px;border-color:#b5c79d;background:#fcfdf9;color:#2d3a26}
.trade-row input::placeholder{color:#718166;opacity:1}
.trade-row button{min-height:48px;color:#60704f;border:1px solid #c4d1b1;background:#f1f5e8}
.trade-row button:hover{background:#e0e7d3;border-color:#8fa773;color:#2d4020}
.trade-row input:focus-visible,.trade-form-grid input:focus-visible,.trade-form-grid select:focus-visible,.trade-form-grid textarea:focus-visible{outline:2px solid #758b52;outline-offset:2px;border-color:#758b52}
.trade-list-actions{gap:14px 22px;align-items:center;margin:18px 0}
.trade-list-actions button{padding:8px 0;font-size:12px;color:#354b25;text-underline-offset:5px;min-height:40px}
.trade-list-actions .text-link{font-size:12px}
.trade-field-note{font-size:11px;line-height:1.7;color:#5e714a;margin-top:0}
.trade-form-grid{padding-top:28px;border-color:#b2c39a;gap:0 24px}
.trade-form-grid .field{font-size:12px;line-height:1.5;color:#455b34;gap:9px;margin-bottom:20px}
.trade-form-grid input,.trade-form-grid select,.trade-form-grid textarea{font-size:14px;min-height:47px;border-color:#b6c69e;background:#fcfdf9;color:#2f3d28;padding:12px}
.trade-form-grid textarea{min-height:105px;line-height:1.65;resize:vertical}
.trade-submit-row{padding-top:5px}
.trade-submit-row p{font-size:11px;line-height:1.8;color:#586d44;max-width:470px}
.trade-submit-row .button{min-height:49px;white-space:nowrap}
.trade-faq{gap:clamp(30px,6vw,85px);padding:60px 0 70px}
.trade-faq h2{font-size:35px;letter-spacing:-1.2px}
.trade-faq p,.trade-faq details p{font-size:13px;line-height:1.85;color:#5f7150}
.trade-faq details{border-color:#c6d1b7}
.trade-faq summary{font-size:14px;line-height:1.5;padding:20px 0}
.trade-summary-table{font-size:13px}
.trade-summary-table div{padding:14px 0;line-height:1.6;grid-template-columns:minmax(0,1fr) 58px}
.trade-summary-table span,.trade-preview-details dd{overflow-wrap:anywhere}
.trade-summary-table small{font-size:11px;color:#647554}
.trade-preview-details{border-top:1px solid #cbd5bc;margin:22px 0;font-size:12px}
.trade-preview-details>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:10px 0;border-bottom:1px solid #d9e1ce}
.trade-preview-details dt{color:#697a57}
.trade-preview-details dd{margin:0;text-align:left;line-height:1.65;color:#33412b}
.trade-preview-notes{padding:15px;background:#edf2e3;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.trade-parse textarea{font-size:13px;line-height:1.7}
@media(max-width:1150px){.trade-head .wrap{gap:35px}.trade-head-panel{padding:25px}.trade-head h1{font-size:57px}.trade-segment{padding:24px}.trade-segment:before{left:24px}.trade-steps article{padding:23px 18px}.trade-request{padding:30px}}
@media(max-width:760px){
 .trade-head .wrap{padding-top:36px;padding-bottom:35px}.trade-head h1{font-size:46px;line-height:1.04;letter-spacing:-1.9px;margin:22px 0}.trade-head p{font-size:13px;line-height:1.8}.trade-head-panel{margin-top:29px;padding:25px}.trade-head-panel h2{font-size:23px}.trade-head-panel li{font-size:12px;padding:14px 0}.trade-head-panel .v4-note{font-size:10px}.trade-head-actions{gap:18px}.trade-head-actions .text-link{font-size:11px}.trade-head-actions .button{min-height:47px}
 .trade-segment{min-height:0;padding:25px}.trade-segment:before{left:25px}.trade-segment h3{font-size:26px;margin:17px 0 13px}.trade-segment p{font-size:12px;line-height:1.8}.trade-steps{grid-template-columns:1fr 1fr;gap:0}.trade-steps article{padding:23px 18px;border-bottom:1px solid #cbd5bd}.trade-steps article:nth-child(2){border-right:0}.trade-steps article:nth-last-child(-n+2){border-bottom:0}.trade-steps h3{font-size:17px}.trade-steps p{font-size:11px;line-height:1.8}
 .trade-request{padding:28px 17px 24px;margin:35px -2px 0}.trade-request h2{font-size:30px;letter-spacing:-1px;line-height:1.13}.trade-request>.request-intro{font-size:12px;margin:15px 0 24px;line-height:1.8}.trade-table-head{display:none}.trade-row{grid-template-columns:minmax(0,1fr) 61px 33px;gap:9px;border-top:1px solid #b7c89e;padding-top:15px;margin-bottom:15px}.trade-row input{font-size:12px;height:46px;padding:11px}.trade-row input:nth-child(2){grid-row:2;grid-column:1/-1}.trade-row input[type=number]{grid-column:2;grid-row:1;font-size:14px}.trade-row button{grid-column:3;grid-row:1;min-height:46px;padding:10px 5px}.trade-list-actions{gap:7px 18px;margin:14px 0}.trade-list-actions button,.trade-list-actions .text-link{font-size:11px;min-height:40px}.trade-field-note{font-size:10px;line-height:1.8}.trade-form-grid{padding-top:24px;margin-top:23px}.trade-form-grid .field{font-size:11px;margin-bottom:19px;gap:8px}.trade-form-grid input,.trade-form-grid select,.trade-form-grid textarea{font-size:16px;min-height:48px}.trade-form-grid textarea{font-size:14px}.trade-submit-row p{font-size:10px;line-height:1.8}.trade-submit-row .button{width:100%;min-height:49px}.trade-faq{padding:42px 0 48px;gap:18px}.trade-faq h2{font-size:30px}.trade-faq p,.trade-faq details p{font-size:12px}.trade-faq summary{font-size:13px;padding:19px 0}.trade-preview-details>div{grid-template-columns:1fr;gap:3px;padding:10px 0}.trade-preview-details dt{font-size:10px}.trade-preview-details dd{font-size:12px}.trade-parse textarea{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.trade-segment{transition:none}}