:root { --route-ink:#071923; --route-paper:#f3f6f6; --route-mist:#dce8eb; --route-blue:#58bddd; --route-line:#bccdd2; }
html { scroll-behavior:smooth; }
body { background:var(--route-paper); color:var(--route-ink); }
.routes-main { overflow:hidden; font-family:"NIKCO Body","NIKCO UI",Tahoma,sans-serif; font-weight:400; }
.routes-main :where(h1,h2,h3,h4,.routes-kicker,.routes-hero-actions a,.routes-index button,.routes-primary,.routes-secondary,.routes-input-cta,.routes-final-cta a) { font-family:"NIKCO UI",Abar,Tahoma,sans-serif; }
.routes-main h1 { font-weight:800; }
.routes-main h2,.routes-main h3 { font-weight:700; }
.routes-main h4 { font-weight:650; }
.routes-shell { width:min(1112px,calc(100% - 48px)); margin-inline:auto; }
.routes-kicker { margin:0 0 20px; color:#3f9fba; font-size:12px; font-weight:650; }
.routes-hero { min-height:820px; padding:clamp(160px,15vw,205px) 0 72px; background:var(--route-ink); color:#fff; }
.routes-hero-grid { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; min-height:500px; }
.routes-hero-copy { width:min(100%,780px); }
.routes-hero-copy h1 { width:100%; max-width:12ch; margin:0; color:#fff; font-size:clamp(44px,5.35vw,82px); line-height:1.44; letter-spacing:-.035em; text-wrap:balance; }
.routes-lead { max-width:670px; margin:34px 0 0; color:#adc0c6; font-size:18px; line-height:2; }
.routes-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.routes-primary,.routes-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:58px; padding:0 24px; border:1px solid rgba(88,189,221,.5); color:#fff; font-weight:800; text-decoration:none; }
.routes-primary { background:#f6f8f8; color:var(--route-ink); border-bottom:3px solid var(--route-blue); }
.routes-secondary:hover,.routes-secondary:focus-visible { background:rgba(88,189,221,.08); }
.routes-principle { display:grid; grid-template-columns:180px 1fr; gap:48px; margin-top:52px; padding-top:32px; border-top:1px solid rgba(255,255,255,.16); }
.routes-principle strong { color:var(--route-blue); }.routes-principle p { max-width:850px; margin:0; color:#a9bcc2; line-height:2; }
.routes-index { position:relative; z-index:4; display:grid; grid-template-columns:repeat(6,1fr); margin-top:56px; border-block:1px solid rgba(255,255,255,.16); background:transparent; }
.routes-index button { min-height:118px; padding:24px; border:0; border-inline-start:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.58); background:transparent; font:inherit; font-size:16px; font-weight:800; line-height:1.5; text-align:right; cursor:pointer; transition:background .2s ease,color .2s ease; }
.routes-index button:last-child { border-inline-start:0; }.routes-index span { display:block; margin-bottom:24px; color:var(--route-blue); font:700 10px/1 monospace; }
.routes-index button:hover,.routes-index button:focus-visible,.routes-index button.is-active,.routes-index button[aria-selected="true"] { background:#fff; color:var(--route-ink); }
.routes-index button:focus-visible { position:relative; z-index:2; outline:3px solid var(--route-blue); outline-offset:-3px; }
.routes-directory { padding:clamp(85px,10vw,145px) 0; overflow:hidden; background:#0b171e; color:#fff; }
.routes-section-head { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:70px; }
.routes-directory .routes-section-head h2 { color:#fff; }
.routes-directory .routes-section-head>p { color:rgba(255,255,255,.58); }
.routes-section-head h2,.route-chain h2,.routes-operations h2,.routes-faq h2 { max-width:12ch; margin:0; font-size:clamp(48px,5.6vw,78px); line-height:1.34; letter-spacing:-.02em; text-wrap:balance; }
.routes-section-head>p { margin:0; color:#61747b; line-height:2; }
.routes-corridors { display:grid; margin-top:28px; }
.corridor-card[hidden] { display:none; }
.corridor-card.is-active { animation:route-panel-in .42s cubic-bezier(.2,.7,.2,1) both; }
@keyframes route-panel-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
.corridor-card { scroll-margin-top:110px; border:0; background:#f5f7f8; color:var(--route-ink); }
.corridor-media { position:relative; height:clamp(146px,calc(8vw + 60px),172px); margin:0; overflow:hidden; border-bottom:1px solid var(--route-line); background:#071923; }
.corridor-media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.02); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .3s ease; }
.corridor-media::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.04) 68%,rgba(255,255,255,.18) 100%); }
#turkey .corridor-media img { object-position:center 52%; }
#europe .corridor-media img { object-position:center 36%; }
#china .corridor-media img { object-position:center 52%; }
#uae .corridor-media img { object-position:center 55%; }
#central-asia .corridor-media img { object-position:center 38%; }
#russia .corridor-media img { object-position:center 66%; }
.corridor-card:hover .corridor-media img { transform:scale(1.012); filter:saturate(1) contrast(1.02); }
.corridor-card>header { display:grid; grid-template-columns:150px 1fr 1fr; align-items:end; gap:30px; padding:42px; border-bottom:1px solid var(--route-line); }
.corridor-card>header span { align-self:start; color:#45a5c0; font:700 11px/1 monospace; direction:ltr; }.corridor-card>header h3 { margin:0; font-size:clamp(34px,4vw,56px); line-height:1.34; letter-spacing:-.02em; text-wrap:balance; }.corridor-card>header p { margin:0; color:#60747b; line-height:1.9; }
.corridor-body { display:grid; grid-template-columns:1fr 1fr; }.corridor-body>div { padding:42px; }.corridor-body>div+div { border-right:1px solid var(--route-line); }
.corridor-card h4 { margin:0 0 25px; font-size:22px; }.route-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }.route-tags li { padding:10px 13px; border:1px solid #c8d6da; background:#f4f7f7; font-size:13px; }
.corridor-note { background:#edf3f4; }.corridor-note b { color:#3198b5; font-size:12px; }.corridor-note p { margin:17px 0 0; color:#526870; line-height:1.95; }.corridor-note small { display:block; margin-top:25px; padding-top:18px; border-top:1px solid #c8d6da; color:#72878e; line-height:1.9; }
.corridor-featured { background:#f5f7f8; color:var(--route-ink); }.corridor-featured>header { border-color:var(--route-line); }.corridor-featured>header p { color:#60747b; }
.china-modes { display:grid; grid-template-columns:repeat(4,1fr); }.china-modes section { min-height:280px; padding:35px 28px; border-left:1px solid var(--route-line); }.china-modes section:last-child { border-left:0; }.china-modes b { color:var(--route-blue); font:700 10px/1 monospace; }.china-modes h4 { margin-top:70px; color:var(--route-ink); }.china-modes p { color:#60747b; font-size:14px; line-height:1.9; }
.corridor-foot { display:grid; grid-template-columns:220px 1fr; gap:45px; padding:35px 42px; border-top:1px solid var(--route-line); }.corridor-foot strong { color:var(--route-blue); }.corridor-foot p { margin:0; color:#60747b; line-height:1.95; }
.route-decisions { padding:clamp(100px,10vw,150px) 0; background:#dce7ea; }
.decision-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #aec3c9; border-right:1px solid #aec3c9; }.decision-grid article { min-height:260px; padding:30px; border-left:1px solid #aec3c9; border-bottom:1px solid #aec3c9; }.decision-grid span,.input-grid span { color:#3399b5; font:700 10px/1 monospace; }.decision-grid h3 { margin:72px 0 14px; font-size:27px; }.decision-grid p { margin:0; color:#5b7077; line-height:1.9; }
.route-chain { padding:clamp(100px,10vw,150px) 0; }.route-chain header { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:58px; }.route-chain header .routes-kicker { grid-column:1/-1; margin-bottom:-35px; }.route-chain header p:last-child { align-self:end; color:#62767d; line-height:2; }
.route-chain>ol { display:grid; grid-template-columns:repeat(7,1fr); margin:0; padding:0; border:1px solid var(--route-line); list-style:none; }.route-chain>ol>li { position:relative; min-height:170px; padding:22px 18px; border-left:1px solid var(--route-line); }.route-chain>ol>li:last-child { border-left:0; }.route-chain>ol>li:not(:last-child)::after { content:'←'; position:absolute; left:-8px; top:74px; z-index:2; color:#3b9fbb; background:var(--route-paper); }.route-chain>ol>li>span { color:#45a4bf; font:700 10px/1 monospace; }.route-chain>ol>li>strong { display:block; margin-top:65px; font-size:15px; line-height:1.7; }
.routes-operations { padding:clamp(90px,9vw,130px) 0; background:var(--route-ink); color:#fff; }.operations-grid { display:grid; grid-template-columns:1fr 1fr; }.operations-grid article { padding:20px 55px 20px 0; }.operations-grid article+article { padding:20px 55px 20px 0; border-right:1px solid rgba(255,255,255,.15); }.routes-operations h2 { color:#fff; font-size:clamp(40px,4.4vw,64px); }.routes-operations article>p:not(.routes-kicker) { color:#9eb3ba; line-height:2; }.document-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:28px 0; padding:0; list-style:none; }.document-list li { padding:13px; border:1px solid rgba(255,255,255,.15); }.routes-operations small { color:#789098; line-height:1.9; }.status-line { display:flex; align-items:center; gap:14px; margin-top:35px; color:var(--route-blue); }.status-line i { width:11px; height:11px; border-radius:50%; background:var(--route-blue); box-shadow:0 0 0 7px rgba(88,189,221,.12); }
.routes-operations--integrated { margin-top:clamp(54px,6vw,82px); padding:clamp(58px,6vw,84px) clamp(24px,4vw,52px); }
.route-inputs { padding:clamp(100px,10vw,150px) 0; }.input-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--route-line); border-right:1px solid var(--route-line); }.input-grid article { min-height:190px; padding:26px; border-left:1px solid var(--route-line); border-bottom:1px solid var(--route-line); }.input-grid h3 { margin:50px 0 10px; font-size:24px; }.input-grid p { margin:0; color:#62767d; line-height:1.8; }.routes-input-cta { margin-top:34px; background:var(--route-ink); color:#fff; }
.routes-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding:20px 0 clamp(100px,10vw,150px); }.routes-faq header { position:sticky; top:130px; align-self:start; }.faq-grid { border-top:1px solid var(--route-line); }.faq-grid details { border-bottom:1px solid var(--route-line); }.faq-grid summary { display:flex; justify-content:space-between; gap:24px; padding:25px 0; cursor:pointer; font-weight:800; list-style:none; }.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span { color:#43a3be; font-size:22px; transition:transform .2s ease; }.faq-grid details[open] summary span { transform:rotate(45deg); }.faq-grid details p { margin:0; padding:0 0 25px; color:#5f747b; line-height:2; }
.routes-final-cta { padding:clamp(90px,9vw,140px) 0; background:var(--route-ink); color:#fff; }.routes-final-cta .routes-shell { display:grid; grid-template-columns:1fr 1.3fr; gap:30px 70px; }.routes-final-cta p { color:var(--route-blue); font-weight:800; }.routes-final-cta h2 { max-width:12ch; margin:0; color:#fff; font-size:clamp(50px,6vw,86px); line-height:1.34; letter-spacing:-.02em; text-wrap:balance; }.routes-final-cta span { align-self:end; color:#9eb3ba; line-height:2; }.routes-final-cta a { grid-column:2; display:flex; justify-content:space-between; margin-top:20px; padding:22px; background:#f6f8f8; color:var(--route-ink); font-weight:800; text-decoration:none; }
@media(max-width:980px){.routes-hero-grid,.routes-section-head,.route-chain header,.routes-faq,.routes-final-cta .routes-shell{grid-template-columns:1fr}.routes-hero{min-height:auto}.routes-index{grid-template-columns:repeat(2,1fr)}.corridor-card>header{grid-template-columns:110px 1fr}.corridor-card>header p{grid-column:1/-1}.china-modes{grid-template-columns:1fr 1fr}.decision-grid,.input-grid{grid-template-columns:1fr 1fr}.route-chain>ol{grid-template-columns:1fr}.route-chain>ol>li{min-height:auto}.route-chain>ol>li:not(:last-child)::after{content:'↓';left:30px;top:auto;bottom:-10px}.route-chain>ol>li>strong{margin-top:28px}.operations-grid{grid-template-columns:1fr}.operations-grid article,.operations-grid article+article{padding:35px 0;border-right:0}.operations-grid article+article{border-top:1px solid rgba(255,255,255,.15)}.routes-faq header{position:static}.routes-final-cta a{grid-column:1}.routes-principle{grid-template-columns:1fr;gap:14px}}
@media(max-width:640px){.routes-shell{width:min(100% - 32px,1112px)}.routes-hero{padding-top:145px}.routes-hero-copy h1{max-width:10.4ch;font-size:clamp(36px,10.45vw,46px);line-height:1.42}.routes-lead{font-size:16px}.routes-index{grid-template-columns:1fr}.routes-index button{min-height:86px}.corridor-media{height:124px}.corridor-card>header{display:block;padding:28px}.corridor-card>header h3{margin:30px 0 18px}.corridor-body{grid-template-columns:1fr}.corridor-body>div{padding:28px}.corridor-body>div+div{border-right:0;border-top:1px solid var(--route-line)}.china-modes{grid-template-columns:1fr}.china-modes section{min-height:auto;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}.china-modes h4{margin-top:35px}.corridor-foot{grid-template-columns:1fr;padding:28px}.decision-grid,.input-grid{grid-template-columns:1fr}.document-list{grid-template-columns:1fr}.routes-section-head h2,.route-chain h2,.routes-faq h2{font-size:clamp(42px,13vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.routes-index button{transition:none}.corridor-card.is-active{animation:none}}

/* Route decision carousel — a focused, deliberate interaction like the sea journey. */
.route-decision-slider{margin-top:clamp(46px,5vw,72px)}
.route-decision-progress{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:#267f98;font:700 11px/1 monospace;direction:ltr}
.route-decision-progress i{position:relative;flex:1;height:1px;overflow:hidden;background:#abc1c7}
.route-decision-progress b{position:absolute;inset:0;background:#238eaa;transform:scaleX(.1667);transform-origin:left center;transition:transform .35s ease}
.route-decision-slider .decision-grid{display:flex;gap:clamp(14px,1.6vw,24px);width:100%;margin:0;padding:0 0 18px;border:0;overflow-x:auto;overflow-y:hidden;direction:rtl;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y}
.route-decision-slider .decision-grid::-webkit-scrollbar{display:none}
.route-decision-slider .decision-grid article{position:relative;flex:0 0 clamp(500px,62%,720px);min-height:370px;padding:clamp(34px,4vw,54px);overflow:hidden;border:1px solid #a9c0c7;background:#edf3f4;color:var(--route-ink);cursor:pointer;scroll-snap-align:center;transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.route-decision-slider .decision-grid article::after{content:attr(data-step);position:absolute;left:32px;top:25px;color:transparent;font:800 clamp(72px,7vw,108px)/.8 Arial,sans-serif;letter-spacing:-.06em;opacity:0;transition:opacity .22s ease,color .22s ease}
.route-decision-slider .decision-grid article.is-active{border-color:var(--route-ink);background:var(--route-ink);color:#fff;cursor:default}
.route-decision-slider .decision-grid article.is-active::after{color:rgba(87,184,211,.15);opacity:1}
.route-decision-slider .decision-grid article>span{position:relative;z-index:1;color:#3492ad;font:700 11px/1 monospace}
.route-decision-slider .decision-grid h3{position:relative;z-index:1;max-width:12ch;margin:clamp(78px,8vw,112px) 0 18px;font-size:clamp(34px,3.5vw,52px);line-height:1.25}
.route-decision-slider .decision-grid p{position:relative;z-index:1;max-width:44ch;margin:0;color:#586d74;font-size:clamp(16px,1.2vw,19px);line-height:1.95}
.route-decision-slider .decision-grid article.is-active p{color:#c3d4d9}
.route-decision-controls{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:16px;direction:ltr}
.route-decision-controls button{display:grid;place-items:center;width:50px;min-width:50px;height:50px;padding:0;border:1px solid #8faab2;background:transparent;color:var(--route-ink);cursor:pointer;touch-action:manipulation;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.route-decision-controls button:hover{border-color:var(--route-ink);background:var(--route-ink);color:#fff}
.route-decision-controls button:focus-visible{outline:3px solid #238eaa;outline-offset:3px}
.route-decision-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.route-decision-controls p{min-width:118px;margin:0 8px;color:#354b54;font-size:13px;text-align:center;direction:rtl}

/* Connected route timeline: sequence without boxed arrows. */
.route-chain>ol{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:18px;border:0;background:transparent}
.route-chain>ol::before{content:"";position:absolute;top:23px;right:23px;left:23px;height:1px;background:#a9c0c7}
.route-chain>ol>li{position:relative;min-height:150px;padding:0 0 22px;border:0;background:transparent}
.route-chain>ol>li::before{content:"";position:absolute;top:16px;right:16px;z-index:1;width:15px;height:15px;border:4px solid var(--route-paper);border-radius:50%;background:#4aa5bd;box-shadow:0 0 0 1px #4aa5bd}
.route-chain>ol>li:not(:last-child)::after{content:none}
.route-chain>ol>li>span{position:relative;z-index:2;display:inline-grid;place-items:center;width:47px;height:47px;border:1px solid #a9c0c7;border-radius:50%;background:var(--route-paper);color:#288aa4}
.route-chain>ol>li>strong{max-width:12ch;margin-top:34px;font-size:15px;line-height:1.75}

/* Operational dossier: a document ledger paired with a live-status rail. */
.routes-operations--integrated{overflow:hidden;background:#061820}
.operations-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(18px,2.6vw,38px);align-items:stretch}
.operations-grid .operations-card,.operations-grid .operations-card+.operations-card{position:relative;padding:clamp(30px,4vw,52px);border:1px solid rgba(110,190,211,.28)}
.operations-card--documents{background:#f2f6f7;color:var(--route-ink)}
.operations-card--status{background:linear-gradient(145deg,#08232e,#061820 72%);color:#fff}
.operations-card-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid currentColor}
.operations-card-head .routes-kicker{margin:0}
.operations-card-head>span{color:#3d9db7;font:700 10px/1 monospace;letter-spacing:.12em;direction:ltr}
.routes-operations .operations-card h2{max-width:12ch;margin:clamp(34px,4vw,58px) 0 20px;font-size:clamp(38px,4vw,60px);line-height:1.18}
.routes-operations .operations-card--documents h2{color:var(--route-ink)}
.routes-operations .operations-card>p:not(.routes-kicker){max-width:52ch;margin:0;color:#5c7077;line-height:2}
.routes-operations .operations-card--status>p:not(.routes-kicker){color:#a9bcc2}
.document-list{counter-reset:route-doc;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin:34px 0;padding:0;border-top:1px solid #b7cbd0;list-style:none}
.document-list li{counter-increment:route-doc;position:relative;min-height:62px;padding:20px 42px 16px 0;border:0;border-bottom:1px solid #b7cbd0;color:#12252d;font-weight:800}
.document-list li::before{content:counter(route-doc,decimal-leading-zero);position:absolute;right:0;top:22px;color:#3b97b0;font:700 10px/1 monospace}
.operations-card--documents small{display:block;max-width:58ch;padding-top:4px;color:#60777f}
.status-checklist{position:relative;display:grid;gap:0;margin:34px 0 0;padding:0 34px 0 0;list-style:none}
.status-checklist::before{content:"";position:absolute;right:7px;top:12px;bottom:12px;width:1px;background:rgba(96,184,207,.38)}
.status-checklist li{position:relative;min-height:54px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d9e5e8;font-weight:700}
.status-checklist li::before{content:"";position:absolute;right:-34px;top:20px;width:15px;height:15px;border:4px solid #08212b;border-radius:50%;background:#59b5ce;box-shadow:0 0 0 1px #59b5ce}
.status-line{align-items:flex-start;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.status-line>span{position:static;display:block;width:auto;height:auto;min-width:0;border:0;border-radius:0;background:none;color:#63bdd4;font:700 14px/1.8 "NIKCO Body","NIKCO UI",sans-serif;white-space:normal;overflow-wrap:anywhere}

@media(max-width:980px){
  .route-decision-slider .decision-grid article{flex-basis:72%;min-height:350px}
  .route-chain>ol{grid-template-columns:1fr;gap:0;padding-right:4px}
  .route-chain>ol::before{top:23px;right:27px;bottom:34px;left:auto;width:1px;height:auto}
  .route-chain>ol>li{min-height:auto;padding:0 70px 34px 0}
  .route-chain>ol>li::before{right:20px}
  .route-chain>ol>li>span{position:absolute;right:4px;top:0}
  .route-chain>ol>li>strong{max-width:none;margin-top:0;padding-top:12px}
  .operations-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .route-decision-slider{margin-top:40px}
  .route-decision-progress{gap:10px;margin-bottom:18px}
  .route-decision-slider .decision-grid{gap:12px;padding-bottom:14px}
  .route-decision-slider .decision-grid article{flex-basis:88%;min-height:340px;padding:30px 24px}
  .route-decision-slider .decision-grid h3{margin-top:82px;font-size:clamp(31px,9vw,43px)}
  .route-decision-controls{justify-content:space-between}
  .route-decision-controls p{min-width:0;flex:1;margin-inline:6px;font-size:12px}
  .routes-operations--integrated{padding:22px}
  .operations-grid .operations-card,.operations-grid .operations-card+.operations-card{padding:28px 22px}
  .operations-card-head{align-items:flex-start;gap:12px}
  .operations-card-head>span{font-size:9px}
  .routes-operations .operations-card h2{font-size:clamp(35px,10.5vw,48px)}
  .document-list{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .route-decision-slider .decision-grid{scroll-behavior:auto}
  .route-decision-progress b{transition:none}
}

/* Corridor option matrix — aligned with the services selector system */
.corridor-body{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);background:#f7f9fa}
.corridor-body>div:first-child{padding:0;background:#f7f9fa}
.corridor-body>div:first-child h4{min-height:96px;margin:0;padding:24px 30px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--route-line);font-size:clamp(20px,2vw,27px)}
.corridor-body>div:first-child h4::before{content:"AVAILABLE OPTIONS / ساختارهای اجرایی";margin-bottom:10px;color:#3998b3;font:700 9px/1.2 "NIKCO UI",Tahoma,sans-serif;letter-spacing:.08em;direction:ltr;text-align:right}
.route-tags{counter-reset:route-option;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-inline-start:1px solid var(--route-line)}
.route-tags li{counter-increment:route-option;position:relative;min-height:112px;padding:46px 24px 20px;display:flex;align-items:flex-end;border:0;border-inline-end:1px solid var(--route-line);border-bottom:1px solid var(--route-line);background:#f7f9fa;color:var(--route-ink);font-family:"NIKCO UI",Abar,Tahoma,sans-serif;font-size:15px;font-weight:700;line-height:1.55}
.route-tags li::before{content:counter(route-option,decimal-leading-zero);position:absolute;inset-block-start:18px;inset-inline-start:22px;color:#3b9fbb;font:700 10px/1 "NIKCO UI",Tahoma,sans-serif}
.route-tags li:nth-child(4n+2),.route-tags li:nth-child(4n+3){background:#edf3f4}
.corridor-note{padding:30px 34px!important;display:flex;flex-direction:column;justify-content:center;background:#dfe9eb}
.corridor-note b{display:flex;align-items:center;gap:12px;color:#267f98;font-family:"NIKCO UI",Abar,Tahoma,sans-serif;font-size:13px}
.corridor-note b::before{content:"";width:28px;height:2px;background:#48a6c0}
@media(max-width:800px){.corridor-body{grid-template-columns:1fr}.corridor-body>div+div{border-right:0;border-top:1px solid var(--route-line)}}
@media(max-width:480px){.route-tags{grid-template-columns:1fr}.route-tags li:nth-child(n){min-height:92px;background:#f7f9fa}.route-tags li:nth-child(even){background:#edf3f4}.corridor-body>div:first-child h4{min-height:88px;padding:20px 22px}.corridor-note{padding:26px 22px!important}}

/* Premium corridor dossier — aligned with the large editorial rail topic panels. */
.routes-directory .routes-shell{width:min(1320px,calc(100% - 64px))}
.routes-directory{padding-bottom:clamp(96px,10vw,150px)}
.routes-directory .routes-section-head{grid-template-columns:minmax(0,1.15fr) minmax(310px,.58fr);gap:clamp(48px,8vw,120px)}
.routes-directory .routes-section-head h2{max-width:13ch;font-size:clamp(52px,6vw,88px);line-height:1.25}
.routes-directory .routes-section-head>p{max-width:48ch;font-size:16px}
.routes-index{margin-top:clamp(52px,6vw,82px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}
.routes-index::-webkit-scrollbar{display:none}
.routes-index button{position:relative;min-width:190px;min-height:132px;scroll-snap-align:start;font-size:clamp(16px,1.35vw,20px);transition:background-color .22s ease,color .22s ease}
.routes-index button::after{content:"";position:absolute;right:24px;bottom:-1px;left:24px;height:3px;background:var(--route-blue);opacity:0;transform:scaleX(.25);transition:opacity .22s ease,transform .22s ease}
.routes-index button:hover::after,.routes-index button:focus-visible::after,.routes-index button[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}
.routes-index button[aria-selected="true"]{box-shadow:0 24px 55px rgba(0,0,0,.18)}
.routes-corridors{margin-top:34px}
.corridor-card{position:relative;overflow:hidden;background:#eef2f3;box-shadow:0 36px 90px rgba(0,0,0,.22)}
.corridor-media{height:clamp(180px,16vw,230px);border-bottom:2px solid rgba(88,189,221,.62);background:#071923}
.corridor-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,25,35,.04) 38%,rgba(7,25,35,.72) 100%);pointer-events:none}
.corridor-media::after{background:linear-gradient(90deg,rgba(7,25,35,.78),rgba(7,25,35,.12) 54%,rgba(7,25,35,.48)),linear-gradient(180deg,rgba(7,25,35,.08),rgba(7,25,35,.58))}
.corridor-media img{filter:saturate(.55) contrast(1.08) brightness(.78);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .25s ease}
.corridor-card:hover .corridor-media img{transform:scale(1.01);filter:saturate(.62) contrast(1.08) brightness(.8)}
.corridor-card>header{position:relative;isolation:isolate;min-height:330px;grid-template-columns:minmax(120px,.3fr) minmax(330px,1fr) minmax(300px,.75fr);gap:clamp(30px,5vw,78px);padding:clamp(46px,5vw,74px);overflow:hidden;background:#f7f9fa}
.corridor-card>header::before{position:absolute;z-index:-1;inset:auto 2vw -3.5vw auto;color:rgba(7,25,35,.035);font:800 clamp(150px,19vw,280px)/.75 Arial,sans-serif;letter-spacing:-.09em;pointer-events:none}
#turkey>header::before{content:"01"}#europe>header::before{content:"02"}#china>header::before{content:"03"}#uae>header::before{content:"04"}#central-asia>header::before{content:"05"}#russia>header::before{content:"06"}
.corridor-card>header span{padding-top:8px;color:#2f91ac;font-size:12px;letter-spacing:.12em}
.corridor-card>header h3{max-width:9ch;font-size:clamp(52px,6vw,88px);line-height:1.18;letter-spacing:-.035em}
.corridor-card>header p{position:relative;z-index:1;max-width:42ch;padding-top:26px;border-top:1px solid #b9cbd0;color:#4f666f;font-size:17px;line-height:2}
.corridor-body{grid-template-columns:minmax(0,1.18fr) minmax(390px,.72fr);background:#eef2f3}
.corridor-body>div:first-child{background:#eef2f3}
.corridor-body>div:first-child h4{min-height:154px;padding:34px clamp(30px,4vw,52px);background:#f7f9fa;font-size:clamp(28px,3vw,43px);line-height:1.35}
.corridor-body>div:first-child h4::before{margin-bottom:15px;font-size:10px;letter-spacing:.13em}
.route-tags{border-inline-start:0;background:#bacbd0}
.route-tags li{min-height:178px;padding:70px clamp(26px,3vw,42px) 30px;border-color:#bacbd0;background:#f7f9fa;font-size:clamp(16px,1.45vw,21px);line-height:1.65;transition:background-color .22s ease,color .22s ease}
.route-tags li::before{inset-block-start:28px;inset-inline-start:clamp(26px,3vw,42px);font-size:11px;letter-spacing:.08em}
.route-tags li:nth-child(4n+2),.route-tags li:nth-child(4n+3){background:#e2eaec}
.route-tags li:hover{background:#d7e7eb;color:#0b3443}
.corridor-note{position:relative;isolation:isolate;min-height:100%;padding:clamp(42px,5vw,72px)!important;justify-content:flex-end;overflow:hidden;background:#123342;color:#fff}
.corridor-note::after{content:"DECISION";position:absolute;z-index:-1;inset:26px auto auto -18px;color:rgba(255,255,255,.045);font:800 clamp(62px,7vw,104px)/.8 Arial,sans-serif;letter-spacing:-.06em;writing-mode:vertical-rl;pointer-events:none}
.corridor-note b{margin-bottom:clamp(28px,4vw,58px);color:#7ac8dc;font-size:15px;letter-spacing:.01em}
.corridor-note b::before{width:46px;background:#69bed1}
.corridor-note p{max-width:37ch;margin-top:22px;color:#d4e3e8;font-size:clamp(16px,1.35vw,19px);line-height:2.05}
.corridor-note small{margin-top:34px;padding-top:25px;border-color:rgba(255,255,255,.2);color:#91aeb8;font-size:13px;line-height:2}
.china-modes{grid-template-columns:repeat(4,minmax(0,1fr));background:#bacbd0}
.china-modes section{position:relative;min-height:460px;padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;border-color:#bacbd0;background:#f7f9fa;overflow:hidden;transition:background-color .22s ease}
.china-modes section:nth-child(even){background:#e2eaec}
.china-modes section:hover{background:#d7e7eb}
.china-modes b{font-size:11px;letter-spacing:.12em}
.china-modes h4{margin:auto 0 24px;font-size:clamp(28px,2.8vw,42px);line-height:1.35}
.china-modes p{margin:0;color:#526870;font-size:15px;line-height:1.95}
.corridor-foot{min-height:220px;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);align-items:center;gap:clamp(38px,6vw,90px);padding:clamp(38px,5vw,68px);border:0;background:#123342}
.corridor-foot strong{color:#7ac8dc;font-size:17px}.corridor-foot p{max-width:70ch;color:#d4e3e8;font-size:17px;line-height:2}
@media(max-width:1050px){.corridor-card>header{grid-template-columns:110px 1fr}.corridor-card>header p{grid-column:1/-1}.corridor-body{grid-template-columns:1fr}.corridor-note{min-height:440px}.china-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.china-modes section{min-height:380px}.routes-directory .routes-section-head{grid-template-columns:1fr}}
@media(max-width:720px){.routes-directory .routes-shell{width:min(100% - 32px,1320px)}.routes-index{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(210px,78vw)}.routes-index button{min-width:0;min-height:112px}.corridor-media{height:150px}.corridor-card>header{display:block;min-height:auto;padding:34px 24px 42px}.corridor-card>header h3{margin:40px 0 30px;font-size:clamp(46px,14vw,66px)}.corridor-card>header p{font-size:16px}.corridor-body>div:first-child h4{min-height:126px;padding:28px 24px}.route-tags{grid-template-columns:1fr}.route-tags li:nth-child(n){min-height:128px;padding:58px 24px 24px;background:#f7f9fa}.route-tags li:nth-child(even){background:#e2eaec}.route-tags li::before{inset-block-start:22px;inset-inline-start:24px}.corridor-note{min-height:430px;padding:36px 24px!important}.corridor-note::after{font-size:72px}.china-modes{grid-template-columns:1fr}.china-modes section{min-height:330px;padding:30px 24px}.corridor-foot{grid-template-columns:1fr;min-height:auto;padding:36px 24px}.corridor-foot p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.routes-index button::after,.corridor-media img,.route-tags li,.china-modes section{transition:none}}




















