/* Transport-led imagery: each mode is a comparison option, not a booking promise. */
.transport-section{border-bottom:1px solid var(--line)}
.transport-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}
.transport-heading .head{margin:0;max-width:820px}
.transport-heading .head h2{font-size:clamp(28px,3.4vw,42px)}
.transport-heading .head p{max-width:760px}
.transport-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.transport-card{display:flex;flex-direction:column;min-width:0;background:#edf3f8;border-radius:8px;overflow:hidden;color:var(--n);border:1px solid #e1e9f0;transition:border-color .18s,box-shadow .18s}
.transport-card:hover{border-color:#8bbbd5;box-shadow:0 9px 26px #01123012}
.transport-card:focus-visible{outline:3px solid var(--b);outline-offset:4px}
.transport-label{padding:24px 24px 20px;text-align:center;background:linear-gradient(#f4f8fb,#edf3f8)}
.transport-label h3{font-size:28px;line-height:1.4;letter-spacing:-.025em;margin:0 0 7px}
.transport-label p{font-size:15px;line-height:1.8;color:#415571;margin:0}
.transport-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.transport-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 23px;background:#fff;color:#006789;font-size:15px;font-weight:650;line-height:1.7}
.transport-action span:last-child{font-size:22px;font-weight:400}
.transport-note{font-size:13px;line-height:1.9;color:var(--mut);margin:17px 0 0}
.transport-next{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;margin-top:28px;background:var(--n);border-radius:8px;color:#fff}
.transport-next p{margin:0;font-size:18px;line-height:1.7;font-weight:600}
.transport-next small{display:block;font-size:14px;font-weight:400;color:#b9c9da;margin-top:4px}
.transport-next .btn{flex-shrink:0;background:#fff;color:var(--n)}
@media(max-width:820px){.transport-grid{gap:18px}.transport-label{padding:20px 15px 17px}.transport-label h3{font-size:24px}.transport-label p{font-size:14px}.transport-action{padding:15px;font-size:14px}.transport-next{align-items:flex-start;padding:24px;flex-direction:column;gap:18px}}
@media(max-width:600px){.transport-grid{grid-template-columns:1fr}.transport-label{padding:22px 18px 18px}.transport-label h3{font-size:27px}.transport-heading{margin-bottom:26px}.transport-next .btn{width:100%}.transport-next p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.transport-card{transition:none}}

/* Concrete comparison example; mobile keeps all methods visible without a carousel. */
.sample-comparison h3{font-size:17px;line-height:1.6;margin:20px 0 12px}
.sample-row{border-top:1px solid #dce5ee;padding:14px 0}
.sample-row h4{font-size:16px;line-height:1.7;margin:0 0 5px;color:#011230}
.sample-row p{font-size:14px!important;line-height:1.8!important;margin:0!important;color:#405571}
.sample-row .sample-unknown{color:#60708c;margin-top:5px!important}
.sample-next{border-top:1px solid #dce5ee;padding-top:16px;font-size:14px!important;line-height:1.85!important}
.sample-next strong{display:block;color:#011230;margin-bottom:5px}
@media(max-width:600px){
  .transport-card img{aspect-ratio:16/9;object-position:center}
  .transport-label{padding:17px 18px 14px}.transport-label h3{font-size:24px}
  .transport-grid{gap:20px}.transport-action{min-height:52px}
  .transport-note{font-size:13px}.sample-row h4{font-size:16px}
  .ai-example{padding:22px!important}.transport-heading .head h2{font-size:28px}
}