/* V7 commercial clarity. Editorial layouts; no generic cards or arrows. */
.route-fit{background:#f8f7f2;padding:clamp(35px,5vw,72px) 0;color:#172429}
.route-fit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(34px,5vw,90px);align-items:stretch}
.fit-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#60787e;margin-bottom:18px}
.route-fit h2{font-size:clamp(36px,4.8vw,74px)!important;letter-spacing:-.072em;line-height:1.02;margin:0 0 20px!important}
.route-fit h2 i{font-style:normal;color:#82979a;font-weight:400}
.fit-intro{max-width:510px;color:#52666b;font-size:15px;line-height:1.6;margin:0 0 24px}
.fit-control{margin:0 0 17px;max-width:510px}
.fit-control label{display:block;font-size:12px;font-weight:800;color:#183139;margin-bottom:7px}
.fit-control select{display:block;width:100%;height:51px;padding:0 36px 0 3px;border:0;border-radius:0;border-bottom:1px solid #aebcbd;background:transparent;color:#162b33;font:600 17px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;outline-offset:3px;appearance:auto}
.fit-control select:focus-visible{border-bottom:2px solid #3e8994;outline:2px solid #3e8994;outline-offset:3px}
.fit-disclaimer{font-size:12px;color:#607377;line-height:1.5;margin:19px 0 0;max-width:480px}
.fit-result{display:flex;flex-direction:column;background:#101c22;color:#eef4f3;min-width:0}
.fit-result-photo{height:clamp(180px,20vw,300px);overflow:hidden}
.fit-result-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.77)}
.fit-result-content{padding:clamp(20px,2.5vw,36px)}
.fit-result-overline{color:#a4c4c9;font-size:10px;font-weight:700;letter-spacing:.14em}
.fit-route-name{font-size:clamp(30px,3.1vw,49px);font-weight:800;letter-spacing:-.055em;line-height:1.1;margin:10px 0}
.fit-result-content p{max-width:490px;color:#bfcbcf;font-size:14px;line-height:1.55;min-height:65px;margin:0 0 20px}
.fit-action{display:inline-block;background:#a3e5ef;color:#0b1e25!important;font-size:14px;font-weight:800;padding:14px 24px;min-height:45px;text-align:center;text-decoration:none!important}
.fit-action:hover{background:#d2f5f7}
.route-choice-context{background:#e7f3f3;border-left:3px solid #3b8390;color:#153b42;padding:13px 17px;margin:15px 0;font-size:14px}
.route-choice-context p{margin:5px 0 0;font-size:13px;color:#375d63}
.route-choice-context[hidden]{display:none!important}
.difference-ledger,.transaction-ledger{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid #bcc9c9;margin-top:22px}
.difference-ledger>div,.transaction-ledger>div{padding:23px 0;border-bottom:1px solid #bcc9c9}
.difference-ledger span{font-size:10px;color:#667e84;letter-spacing:.1em;font-weight:700}
.difference-ledger h3{font-size:clamp(21px,2.3vw,30px);letter-spacing:-.04em;line-height:1.15;margin:9px 0}
.difference-ledger p,.transaction-ledger p{color:#53686b;margin:0;font-size:14px;line-height:1.5}
.transaction-ledger{grid-template-columns:1fr 1fr}
.transaction-ledger b{color:#789196;font-size:12px;display:block;margin-bottom:9px}
.transaction-ledger strong{display:block;font-size:22px;letter-spacing:-.03em;margin-bottom:8px}
@media(max-width:900px){.route-fit-layout{grid-template-columns:1fr;gap:27px}.fit-result-photo{height:210px}.fit-result-content p{min-height:0}}
@media(max-width:620px){
 .route-fit{padding:25px 0 30px}
 .route-fit h2{font-size:clamp(35px,9.3vw,49px)!important;margin-bottom:10px!important}
 .fit-kicker{margin-bottom:12px}
 .fit-intro{font-size:13px;line-height:1.48;margin-bottom:18px}
 .fit-control{margin-bottom:10px}
 .fit-control select{height:42px;font-size:14px}
 .fit-control label{font-size:11px;margin-bottom:2px}
 .fit-result{background:#112329}
 .fit-result-photo{display:none}
 .fit-result-content{padding:16px 18px 18px}
 .fit-route-name{font-size:33px;margin:5px 0}
 .fit-result-content p{font-size:13px;line-height:1.4;margin:0 0 14px}
 .fit-action{display:block;width:100%;padding:12px}
 .fit-disclaimer{font-size:11px;margin:12px 0}
 .difference-ledger,.transaction-ledger{grid-template-columns:1fr;gap:0}
 .difference-ledger>div,.transaction-ledger>div{padding:17px 0}
}
/* Wide screens must retain three hero lines and show the registration form without scrolling. */
@media(min-width:1200px){
 .masthead-grid{grid-template-columns:minmax(0,755px) minmax(0,1fr)}
 .masthead-primary h1{font-size:clamp(70px,5.35vw,104px);letter-spacing:-.077em}
}
