.site-map{background:#fbf8fc;padding-top:108px;padding-bottom:108px}

.site-map h2{margin:18px 0 52px;max-width:730px;font:clamp(40px,5vw,70px)/1 'Cormorant Garamond';letter-spacing:-.05em}

.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(33,23,45,.22)}

.route{min-height:235px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#f8f4fa;transition:transform .3s ease,filter .3s ease}

.route:hover{transform:translateY(-5px);filter:brightness(.98)}

.route:nth-child(1){background:linear-gradient(135deg,#f8dce6,#e9a6c7)}
.route:nth-child(2){background:linear-gradient(135deg,#e7def4,#b79bd5)}
.route:nth-child(3){background:linear-gradient(135deg,#d8cbf0,#9b7ac2)}
.route:nth-child(4){background:linear-gradient(135deg,#f4c3d7,#df8caf)}
.route:nth-child(5){background:linear-gradient(135deg,#14624d,#0c4035);color:#fff}
.route:nth-child(6){background:linear-gradient(135deg,#e7f1fc,#9cc9e8)}

.route small{font:11px 'DM Mono';letter-spacing:.1em;text-transform:uppercase}
.route b{font:650 clamp(22px,2.45vw,34px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.055em}
.route p{margin:0;max-width:230px;font-size:13px;line-height:1.55}
.route:nth-child(5) p{color:#d8ece4}

@media(max-width:720px){.site-map{padding:75px 6vw}
.route-grid{grid-template-columns:1fr}
.route{min-height:165px}
}

.gateway{padding:0 5.5vw 0;background:#fbf8fc;position:relative;z-index:2}
.gateway-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:#fbf8fc;transform:translateY(-46px)}
.gateway-card{min-height:270px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#21172d;transition:transform .35s ease,filter .35s ease}
.gateway-card:hover{transform:translateY(-8px);filter:brightness(.97)}
.gateway-card:nth-child(1){background:linear-gradient(135deg,#f8d0df,#e9a6c7)}
.gateway-card:nth-child(2){background:linear-gradient(135deg,#dbcaed,#9e71c0)}
.gateway-card:nth-child(3){background:linear-gradient(135deg,#f7d4e3,#e5a1c4)}
.gateway-card:nth-child(4){background:linear-gradient(135deg,#3b284d,#1d132a);color:#fff}
.gateway-card:nth-child(5){background:linear-gradient(135deg,#426aa0,#1d365f);color:#fff}
.gateway-card:nth-child(6){background:linear-gradient(135deg,#e9f2fb,#a9cdea)}
.gateway-card:nth-child(7){background:linear-gradient(135deg,#eee4f5,#c9a7df)}
.gateway-card:nth-child(8){background:linear-gradient(135deg,#f4e4f5,#d8b7f0)}
.gateway-card small{font:11px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}
.gateway-card b{font:650 clamp(25px,2.8vw,39px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.065em}
.gateway-card p{max-width:240px;margin:0;font-size:13px;line-height:1.55}
.gateway-card:nth-child(3) p{color:#e5d7ef}.gateway-card:nth-child(5) p{color:#dce8f8}
.home-nav{backdrop-filter:blur(14px)}
.brand-tile .brand-logo{display:block;max-width:82%;width:auto;max-height:92px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.brand-tile .milky-logo{width:calc(100% + 50px);height:112px;max-width:none;max-height:none;align-self:stretch;margin:0 -25px;object-fit:cover;object-position:center;mix-blend-mode:normal}
.brand-tile:nth-child(5){grid-column:span 2;background:#f1efe5;color:#25362d}
.brand-tile:nth-child(5) .brand-logo{max-width:62%;max-height:108px}

@media(max-width:720px){.gateway{padding:0 6vw}
.gateway-grid{grid-template-columns:1fr;transform:translateY(-26px)}
.gateway-card{min-height:190px}
.brand-tile:nth-child(5){grid-column:auto}
}
