/* SINO AUTO — customs and documents, 2026. Promotional process preview: not a declaration of completed customs services. */
.customs-section{position:relative;isolation:isolate;overflow:hidden;padding:108px 0 100px;background:radial-gradient(ellipse 68% 58% at 83% 26%,rgba(33,63,75,.27),transparent 79%),linear-gradient(155deg,#0b171f 0%,#071116 76%);border-block:1px solid rgba(205,225,231,.12)}
.customs-section::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(143,180,193,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(143,180,193,.09) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(110deg,transparent 18%,#000 100%)}
.customs-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:48px;align-items:end;margin-bottom:39px}
.customs-head .eyebrow{margin-bottom:19px}
.customs-head h2{font-size:clamp(30px,3.4vw,50px);line-height:1.07}
.customs-head .muted{color:#8c9ea9}
.customs-head-aside{justify-self:end;max-width:370px;padding-bottom:4px}
.customs-head-aside p{font-size:14px;line-height:1.8;color:#b6c2cb}
.customs-head-aside small{display:block;margin-top:21px;font:10px/1.5 monospace;letter-spacing:.16em;color:#ed745d}
.customs-route{display:flex;align-items:center;gap:26px;margin-bottom:28px;min-height:58px;position:relative;font:10px monospace;letter-spacing:.1em;color:#a9b8c0}
.customs-route-label{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}
.customs-route-label b{width:41px;height:36px;border:1px solid rgba(210,230,240,.28);border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:600;color:#e6f0f2;letter-spacing:.02em;background:#111e27}
.customs-route-label span{font-weight:500}
.customs-route-track{flex:1;min-width:35px;height:1px;background:linear-gradient(90deg,#f56a4c 0%,#f56a4c 45%,rgba(144,179,195,.34) 45%,rgba(144,179,195,.34) 100%);position:relative}
.customs-route-track::after{content:"";position:absolute;top:50%;left:45%;height:8px;width:8px;border:2px solid #ff7758;background:#0b171f;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(250,113,80,.10)}
.customs-workspace{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:17px;align-items:stretch}
.customs-steps{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}
.customs-step{display:flex;align-items:center;width:100%;gap:19px;text-align:left;min-height:81px;padding:15px 18px;background:rgba(13,29,38,.58);border:1px solid rgba(191,217,231,.11);border-radius:9px;transition:background .25s,border-color .25s,transform .25s}
.customs-step:hover{background:rgba(33,47,57,.85);border-color:rgba(210,231,239,.35)}
.customs-step[aria-pressed="true"]{border-color:rgba(250,117,83,.65);background:linear-gradient(115deg,rgba(242,89,55,.16),rgba(19,34,43,.78) 70%);box-shadow:inset 3px 0 0 #f26143}
.customs-step-number{font:12px monospace;letter-spacing:.02em;color:#718b9a;flex:0 0 28px}
.customs-step[aria-pressed="true"] .customs-step-number{color:#ff826a}
.customs-step-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.customs-step-copy strong{font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1.2;color:#f2f5f7}
.customs-step-copy small{font-size:10px;line-height:1.3;color:#859ba7}
.customs-step-arrow{font:18px monospace;color:#7d929c;transform:translateY(-1px)}
.customs-step[aria-pressed="true"] .customs-step-arrow{color:#ff8066}
.customs-detail{min-width:0;display:flex;flex-direction:column;padding:34px 36px 27px;min-height:526px;border:1px solid rgba(170,201,214,.24);border-radius:11px;background:radial-gradient(ellipse at 95% 7%,rgba(60,96,110,.13),transparent 55%),linear-gradient(170deg,rgba(28,44,55,.72),rgba(10,22,29,.94));position:relative;overflow:hidden}
.customs-detail::before{content:"";width:230px;height:230px;border:1px solid rgba(180,215,226,.07);border-radius:50%;position:absolute;right:-130px;top:-132px;pointer-events:none;box-shadow:0 0 0 45px rgba(180,215,226,.019),0 0 0 95px rgba(180,215,226,.012)}
.customs-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid rgba(212,232,239,.14);font:10px monospace;letter-spacing:.10em;color:#a2b7c1}
.customs-detail-head strong{color:#ff8066;font-weight:500}
.customs-detail-head>span:last-child{color:#738f9e;text-align:right}
.customs-detail-main{padding:37px 0 24px;flex:1;position:relative}
.customs-detail-tag{display:inline-block;font:10px monospace;letter-spacing:.11em;color:#ff866c;margin-bottom:20px;text-transform:uppercase}
.customs-detail-main h3{max-width:600px;font-size:clamp(24px,2.35vw,35px);line-height:1.18;letter-spacing:-.045em;margin-bottom:18px}
.customs-detail-main p{max-width:520px;font-size:14px;line-height:1.8;color:#bbcad1}
.customs-detail-docs{padding:22px 0 21px;border-top:1px solid rgba(211,232,238,.13);border-bottom:1px solid rgba(211,232,238,.13);position:relative}
.customs-detail-docs-title{font:10px monospace;letter-spacing:.11em;color:#9db2bc;display:block;margin-bottom:15px}
.customs-document-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.customs-document-list li{display:inline-flex;align-items:center;padding:9px 11px;min-height:33px;background:rgba(100,135,149,.12);border:1px solid rgba(180,213,226,.17);border-radius:5px;color:#d7e2e7;font-size:11px;line-height:1.35}

.customs-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:19px;color:#859da8;font:10px monospace;letter-spacing:.07em}
.customs-detail-bottom b{font-weight:500;color:#c6d5dc}
.customs-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:25px;border:1px solid rgba(205,230,237,.13);border-radius:9px;overflow:hidden}
.customs-benefit{padding:24px 25px;min-height:128px;border-right:1px solid rgba(205,230,237,.13);background:rgba(8,19,25,.35)}
.customs-benefit:last-child{border-right:none}
.customs-benefit-index{display:block;margin-bottom:15px;font:10px monospace;letter-spacing:.11em;color:#f2775d}
.customs-benefit strong{display:block;margin-bottom:9px;font-size:12px;letter-spacing:.01em}
.customs-benefit p{font-size:11px;line-height:1.65;color:#94a8b4;max-width:290px}
.customs-cta{display:flex;align-items:center;justify-content:space-between;gap:27px;padding:31px 0 16px}
.customs-cta strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}
.customs-cta p{font-size:12px;line-height:1.6;color:#9eafb9}
.customs-cta .button{flex-shrink:0;min-height:47px;font-size:11px}
.customs-disclaimer{max-width:920px;font-size:10px;line-height:1.7;color:#8599a5}
@media (min-width:901px) and (max-width:1199px){.header .nav{gap:15px;font-size:11px}.header .header-actions{gap:12px}}
@media (min-width:641px) and (max-width:990px){.header .header-cta{display:none}}
@media (max-width:900px){.customs-section{padding:75px 0 74px}.customs-head{gap:25px}.customs-head h2{font-size:clamp(30px,4vw,42px)}.customs-head-aside p{font-size:12px}.customs-workspace{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.customs-step{gap:13px;padding:12px;min-height:79px}.customs-step-copy strong{font-size:12px}.customs-step-copy small{font-size:9px}.customs-detail{padding:24px 24px 20px}.customs-detail-main{padding:30px 0 20px}.customs-detail-main h3{font-size:26px}.customs-detail-main p{font-size:12px}.customs-benefit{padding:19px}}
@media (max-width:640px){.customs-section{padding:64px 0 60px}.customs-head{grid-template-columns:1fr;gap:16px;margin-bottom:27px}.customs-head .eyebrow{margin-bottom:16px}.customs-head h2{font-size:clamp(27px,7.4vw,36px)}.customs-head-aside{justify-self:start;max-width:none}.customs-head-aside p{font-size:12px;line-height:1.7}.customs-head-aside small{margin-top:12px;font-size:9px}.customs-route{gap:12px;margin-bottom:23px;min-height:39px}.customs-route-label{gap:6px}.customs-route-label b{width:33px;height:31px;font-size:10px}.customs-route-label span{font-size:9px}.customs-workspace{grid-template-columns:1fr;gap:15px}.customs-steps{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#657984 transparent;gap:9px;padding:1px 0 12px}.customs-step{min-width:192px;flex:0 0 192px;scroll-snap-align:start;min-height:80px;padding:13px 12px;gap:10px}.customs-step-copy strong{font-size:12px}.customs-step-copy small{font-size:9px}.customs-step-number{flex-basis:21px}.customs-step-arrow{display:none}.customs-detail{padding:21px 19px;min-height:485px}.customs-detail-head{padding-bottom:19px;font-size:9px}.customs-detail-main{padding:27px 0 25px}.customs-detail-tag{font-size:9px;margin-bottom:16px}.customs-detail-main h3{font-size:26px;margin-bottom:12px}.customs-detail-main p{font-size:12px;line-height:1.7}.customs-detail-docs{padding:20px 0}.customs-document-list li{font-size:10px;padding:8px 10px}.customs-detail-bottom{padding-top:16px;font-size:9px}.customs-benefits{grid-template-columns:1fr;margin-top:18px}.customs-benefit{padding:18px 20px;min-height:unset;border-right:0;border-bottom:1px solid rgba(205,230,237,.13)}.customs-benefit:last-child{border-bottom:0}.customs-benefit-index{margin-bottom:7px;font-size:9px}.customs-benefit strong{margin-bottom:6px;font-size:12px}.customs-benefit p{font-size:11px}.customs-cta{display:block;padding:27px 0 15px}.customs-cta strong{font-size:19px}.customs-cta .button{width:100%;margin-top:17px;justify-content:space-between}.customs-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.customs-section *, .customs-section *::before,.customs-section *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}