@media(max-width:900px){.quote-section>.container{max-width:760px}.quote-shell{grid-template-columns:250px 1fr}.quote-intro{padding-right:25px}.quote-form{padding-left:28px}.form-grid{grid-template-columns:1fr}}
@media(max-width:720px){.quote-section{padding:44px 0}.quote-section>.container{max-width:none}.quote-shell{grid-template-columns:1fr}.quote-intro{padding:28px 0 24px}.quote-intro p{max-width:420px}.quote-contact{grid-template-columns:1fr 1fr;margin-top:20px}.quote-form{padding:26px 0 0;border-left:0}.form-grid{grid-template-columns:1fr}.field input,.field select{height:42px}}

/* Quote composition: image-led split panel, regular typography */
.quote-section{padding:62px 0;background:#eef0f1}.quote-section>.container{max-width:1120px}.quote-shell{grid-template-columns:37% 63%;border:0;background:#fff;box-shadow:0 18px 48px rgba(10,24,40,.11)}.quote-intro{min-height:520px;padding:48px 42px;background:linear-gradient(rgba(10,24,40,.82),rgba(10,24,40,.9)),url(../../images/hero-logistics.jpg) 67% center/cover;color:#fff}.quote-intro h2{font-size:36px;margin:13px 0 17px}.quote-intro p{max-width:310px;font-size:15px;line-height:1.75;color:#d4dae0}.quote-contact{margin-top:52px;gap:19px}.quote-contact small{font-size:12px;color:#aebbc7}.quote-contact b{font-size:14px}.quote-form{padding:46px 48px;border:0;background:#fff}.form-grid{gap:17px 18px}.field label{font-size:12px;color:#4a5662}.field input,.field select,.field textarea{height:44px;padding:10px 12px;background:#f6f7f8;border:1px solid #d9dde1;color:#27313d;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#b98742}.field textarea{height:auto;min-height:88px}.form-note{margin:13px 0;font-size:12px;color:#77818b}.quote-form .btn{min-height:44px;padding:0 21px;font-size:13px}
@media(max-width:900px){.quote-section>.container{max-width:780px}.quote-shell{grid-template-columns:34% 66%}.quote-intro{min-height:570px;padding:40px 28px}.quote-form{padding:40px 34px}.form-grid{grid-template-columns:1fr;gap:12px}.quote-contact{margin-top:34px}}
@media(max-width:720px){.quote-section{padding:48px 0}.quote-shell{grid-template-columns:1fr}.quote-intro{min-height:300px;padding:36px 25px;background-position:center}.quote-intro h2{font-size:32px}.quote-intro p{max-width:420px}.quote-contact{grid-template-columns:1fr 1fr;margin-top:27px}.quote-form{padding:32px 25px}.form-grid{grid-template-columns:1fr}.field input,.field select{height:44px}}

/* Homepage services: two visual anchors + four editorial links */
#services.services-grid{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #cfd4d8;counter-reset:service;background:#fff}
#services .service-card{counter-increment:service;min-height:180px;padding:30px 25px 24px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;box-shadow:none;overflow:hidden}
#services .service-card:nth-child(1),#services .service-card:nth-child(2){grid-column:span 2;min-height:265px;padding:166px 30px 26px;color:#fff;background:#10263f}
#services .service-card:nth-child(1):before,#services .service-card:nth-child(2):before{display:block;inset:0;height:auto;background:linear-gradient(180deg,rgba(10,24,40,.05) 30%,rgba(10,24,40,.94) 100%),url(../../images/hero-logistics.jpg) center 51%/cover;filter:saturate(.72)}
#services .service-card:nth-child(2):before{background-position:65% 25%}
#services .service-card:nth-child(n+3):before{display:none}
#services .service-icon{display:none}
#services .service-card h3{position:relative;z-index:1;font-size:19px;margin:0 0 9px}
#services .service-card h3:before{content:"0" counter(service);display:block;margin-bottom:20px;color:#a87935;font-size:10px;font-weight:800;letter-spacing:.18em}
#services .service-card:nth-child(-n+2) h3{font-size:22px}
#services .service-card:nth-child(-n+2) h3:before{margin-bottom:7px;color:#e3b66f}
#services .service-card p{position:relative;z-index:1;max-width:370px;font-size:13px;line-height:1.65}
#services .service-card:nth-child(-n+2) p{color:#d0d8df}
#services .service-card .arrow{z-index:1;right:23px;bottom:22px;font-size:17px;color:#9b6d2f}
#services .service-card:nth-child(-n+2) .arrow{color:#e3b66f}
#services .service-card:hover{transform:none;background:#f6f7f8;color:var(--ink);box-shadow:none}
#services .service-card:nth-child(-n+2):hover{background:#10263f;color:#fff}
#services .service-card:hover p{color:var(--muted)}
#services .service-card:nth-child(-n+2):hover p{color:#d0d8df}
@media(max-width:900px){#services.services-grid{grid-template-columns:repeat(2,1fr)}#services .service-card:nth-child(1),#services .service-card:nth-child(2){grid-column:span 1;min-height:245px;padding:150px 24px 22px}}
@media(max-width:720px){#services.services-grid{grid-template-columns:1fr}#services .service-card:nth-child(1),#services .service-card:nth-child(2){grid-column:auto;min-height:230px;padding:140px 22px 20px}#services .service-card{min-height:135px;padding:23px 20px}#services .service-card h3:before{margin-bottom:12px}}

/* Quote area v3: horizontal header + compact three-column form */
.quote-section{padding:58px 0;background:#f5f6f6}.quote-section>.container{max-width:1160px}.quote-shell{display:block;border:0;background:#fff;box-shadow:none}.quote-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);grid-template-rows:auto auto auto;align-content:center;column-gap:60px;min-height:190px;padding:30px 42px;background:linear-gradient(90deg,rgba(10,24,40,.93),rgba(10,24,40,.74)),url(../../images/hero-logistics.jpg) center 53%/cover}.quote-intro .eyebrow{grid-column:1;grid-row:1}.quote-intro h2{grid-column:1;grid-row:2;font-size:34px;margin:8px 0 8px}.quote-intro p{grid-column:1;grid-row:3;max-width:550px;margin:0;font-size:14px;line-height:1.65}.quote-contact{grid-column:2;grid-row:1/4;align-self:center;display:grid;grid-template-columns:1fr;gap:14px;margin:0;padding-left:36px;border-left:1px solid rgba(255,255,255,.23)}.quote-contact small{font-size:11px}.quote-contact b{font-size:13px}.quote-form{padding:30px 42px 32px;border:1px solid #e1e4e6;border-top:0;background:#fff}.quote-form .form-grid{grid-template-columns:repeat(3,1fr);gap:12px 16px}