.customs-page{--customs-ink:#071117;--customs-blue:#4ca8c4}
.customs-hero{position:relative;isolation:isolate;min-height:min(900px,92svh);padding:clamp(180px,19vh,250px) clamp(5vw,8vw,130px) clamp(80px,10vh,120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:end;gap:7vw;overflow:hidden;color:#fff;background:var(--customs-ink) url("../../assets/editorial/warehouse-hero.webp") center 48%/cover no-repeat}
.customs-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,12,17,.72) 0%,transparent 34%),linear-gradient(90deg,rgba(4,12,17,.96) 0%,rgba(4,12,17,.84) 38%,rgba(4,12,17,.28) 72%,rgba(4,12,17,.58) 100%),linear-gradient(0deg,#071117 0%,transparent 32%)}
.customs-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--customs-blue),transparent)}
.customs-hero-copy{position:relative;z-index:1;max-width:760px}
.customs-hero .page-category{margin:0;color:#8fc4d3;font-size:14px;font-weight:800;letter-spacing:.04em}
.customs-hero .page-category span{margin:0 8px;color:#fff6}
.customs-hero h1{max-width:13ch;margin:22px 0 12px;color:#fff;font-size:clamp(50px,5.4vw,82px);font-weight:850;line-height:1.22;letter-spacing:-.04em}
.customs-hero-tagline{max-width:24ch;margin:0 0 26px;color:#a9d1dc;font-size:clamp(25px,2.6vw,40px);font-weight:700;line-height:1.45}
.customs-hero .hero-summary{max-width:58ch;margin:0;color:rgba(255,255,255,.8);font-size:clamp(17px,1.5vw,23px);font-weight:380;line-height:2}
.customs-hero .hero-actions{margin-top:38px;display:flex;flex-wrap:wrap;gap:12px}
.customs-hero .hero-actions a{min-height:56px;padding:17px 24px;display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)!important;color:#fff;text-decoration:none;font-weight:700;transition:background .2s ease,color .2s ease,border-color .2s ease}
.customs-hero .hero-actions a:first-child{background:#fff;color:var(--customs-ink);border-color:#fff!important}
.customs-hero .hero-actions a:hover,.customs-hero .hero-actions a:focus-visible{background:#dfe8eb;border-color:#dfe8eb!important;color:var(--customs-ink)}
.customs-hero .hero-actions a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.customs-hero-index{align-self:center;justify-self:end;display:grid;color:rgba(255,255,255,.12);text-align:left;direction:ltr}
.customs-hero-index span{font:700 clamp(72px,11.5vw,200px)/.78 Arial,sans-serif;letter-spacing:-.08em}
.customs-hero-index b{margin-top:24px;color:#8fc4d3;font:500 16px/1 Arial,sans-serif;letter-spacing:.24em}
.customs-services{padding:clamp(85px,10vw,150px) clamp(24px,6vw,96px);background:#f2f5f5}.customs-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:end;margin-bottom:55px}.customs-heading p,.customs-flow-copy>p,.customs-cta p{margin:0 0 20px;color:#4c9db5;font-size:13px;font-weight:800}.customs-heading h2,.customs-flow-copy h2{margin:0;font:850 clamp(43px,5vw,78px)/1.05 Abar;letter-spacing:-.04em}.customs-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #c8d4d7}.customs-grid article{min-height:285px;padding:30px 24px;border-inline-start:1px solid #c8d4d7;display:flex;flex-direction:column}.customs-grid article:last-child{border-inline-end:1px solid #c8d4d7}.customs-grid span,.customs-flow li span{font:700 10px/1 "NIKCO UI";color:#438fa7}.customs-grid h3{margin:auto 0 14px;font:820 clamp(27px,2.4vw,38px)/1.2 Abar}.customs-grid p{margin:0;color:#5c6d73;line-height:1.9}.customs-flow{padding:clamp(85px,10vw,150px) clamp(24px,6vw,96px);background:#071117;color:#fff}.customs-flow-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:end;margin-bottom:55px}.customs-flow ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0;border-block:1px solid #30464f}.customs-flow li{min-height:230px;padding:28px 22px;border-inline-start:1px solid #30464f}.customs-flow li:last-child{border-inline-end:1px solid #30464f}.customs-flow h3{margin:90px 0 10px;font:820 30px/1.2 Abar}.customs-flow li p{margin:0;color:#9daeb4}.customs-cta{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;padding:clamp(75px,8vw,125px) clamp(24px,6vw,96px);background:#dfe8ea}.customs-cta h2{max-width:1000px;margin:0;font:850 clamp(46px,6vw,90px)/1.02 Abar;letter-spacing:-.05em}.customs-cta div>span{display:block;max-width:780px;margin-top:26px;color:#556970;line-height:2}.customs-cta>a{min-width:260px;min-height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#071117;color:#fff;border-bottom:3px solid #4ca8c4;text-decoration:none;font-weight:850}.customs-cta>a:hover{background:#4ca8c4;color:#071117}
.customs-page :where(.customs-overview,.customs-services,.customs-topics,.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-flow,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related,.customs-cta){box-sizing:border-box}
.customs-page :where(.customs-overview,.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related){padding:clamp(82px,9vw,140px) clamp(24px,6vw,96px)}
.customs-page :where(.customs-overview,.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related) :where(p,li,span,small,summary,details div){font-family:"NIKCO Body","NIKCO UI",sans-serif}
.customs-page :where(.customs-overview,.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related) :where(h2,h3,a){font-family:Abar,"NIKCO UI",sans-serif}
.customs-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;background:#dfe8ea}
.customs-overview-lead>p,.customs-section-head>p{margin:0 0 18px;color:#438fa7;font-size:12px;font-weight:800;letter-spacing:.05em}
.customs-overview h2{max-width:14ch;margin:0;font-size:clamp(40px,4.8vw,76px);line-height:1.18;letter-spacing:-.04em}
.customs-overview-copy>p{max-width:66ch;margin:0 0 18px;color:#4d6169;font-size:clamp(16px,1.25vw,20px);line-height:2.05}
.customs-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.customs-inline-actions a,.customs-doc-panels a,.customs-special-grid a{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #73878e;color:#071117;text-decoration:none;font-weight:750;transition:background .2s,color .2s,border-color .2s}
.customs-inline-actions a:first-child{background:#071117;color:#fff;border-color:#071117}
.customs-inline-actions a:hover,.customs-inline-actions a:focus-visible,.customs-doc-panels a:hover,.customs-doc-panels a:focus-visible,.customs-special-grid a:hover,.customs-special-grid a:focus-visible{background:#4ca8c4;border-color:#4ca8c4;color:#071117}
.customs-grid--six{grid-template-columns:repeat(3,1fr)}
.customs-grid--six article:nth-child(n+4){border-top:1px solid #c8d4d7}
.customs-topics{background:#071117;color:#fff}
.customs-topics>p{margin:0 0 32px;color:#65b5cd;font:800 12px/1 "NIKCO UI";letter-spacing:.08em}
.customs-topics>div{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #2d444d}
.customs-topics a{min-height:82px;padding:20px;display:flex;align-items:center;gap:18px;border-inline-start:1px solid #2d444d;border-bottom:1px solid #2d444d;color:#dbe5e8;text-decoration:none;font-size:17px;transition:background .2s,color .2s}
.customs-topics a:nth-last-child(-n+3){border-bottom:0}
.customs-topics a span{color:#64b6ce;font:700 10px/1 Arial,sans-serif}
.customs-topics a:hover,.customs-topics a:focus-visible{background:#fff;color:#071117;outline:0}
.customs-section-head{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:5vw;align-items:end;margin-bottom:58px}
.customs-section-head>p{align-self:start}
.customs-section-head h2{max-width:17ch;margin:0;font-size:clamp(40px,4.8vw,74px);line-height:1.2;letter-spacing:-.035em}
.customs-section-head>span{grid-column:2;max-width:60ch;color:#576a72;line-height:1.9}
.customs-docs{background:#fff}
.customs-docs-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1px;background:#c8d4d7}
.customs-docs-layout>*{background:#f4f7f7}
.customs-document-list{padding:clamp(28px,4vw,56px)}
.customs-document-list h3,.customs-storage-grid h3,.customs-operation-pair h3,.customs-receiving h3,.customs-preparation h3,.customs-special-grid h3,.customs-support h3,.customs-cost-grid h3{margin:0;font-size:clamp(26px,2.5vw,38px);line-height:1.3}
.customs-document-list ul{display:flex;flex-wrap:wrap;gap:8px;margin:38px 0;padding:0;list-style:none}
.customs-document-list li{padding:10px 13px;background:#dfe8ea;color:#24363e;font-size:14px}
.customs-document-list p{margin:0;color:#566a72;line-height:1.9}
.customs-doc-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#c8d4d7}
.customs-doc-panels article{padding:clamp(25px,3vw,42px);background:#fff}
.customs-doc-panels article>span,.customs-storage-grid article>span,.customs-operation-pair article>span,.customs-special-grid article>span,.customs-support article>span{color:#438fa7;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em}
.customs-doc-panels h3{margin:45px 0 16px;font-size:clamp(23px,2vw,32px)}
.customs-doc-panels p{margin:0;color:#546870;line-height:1.9}
.customs-doc-panels small{display:block;margin-top:20px;padding-top:18px;border-top:1px solid #d3dcdf;color:#375967;line-height:1.8}
.customs-doc-panels a,.customs-special-grid a{margin-top:22px}
.customs-storage{background:#dfe8ea}
.customs-storage-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #b8c8cd}
.customs-storage-grid article{min-height:300px;padding:28px 24px;display:flex;flex-direction:column;border-inline-start:1px solid #b8c8cd}
.customs-storage-grid h3{margin-top:auto;margin-bottom:16px}
.customs-storage-grid p{margin:0;color:#53676f;line-height:1.85}
.customs-selection{display:grid;grid-template-columns:.55fr 1fr;gap:5vw;margin-top:58px;align-items:start}
.customs-selection h3{margin:0;font-size:clamp(29px,3vw,46px);line-height:1.3}
.customs-selection ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;border-top:1px solid #b8c8cd;list-style:none}
.customs-selection li{padding:16px;border-bottom:1px solid #b8c8cd;color:#4f626a}
.customs-operations{background:#f2f5f5}
.customs-operation-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#bdcbd0}
.customs-operation-pair article{padding:clamp(28px,4vw,56px);background:#fff}
.customs-operation-pair h3{max-width:14ch;margin:52px 0 20px}
.customs-operation-pair p{color:#52656d;line-height:1.95}
.customs-operation-pair ol{margin:35px 0 0;padding:0;list-style:none;counter-reset:operation}
.customs-operation-pair li{counter-increment:operation;min-height:52px;padding:14px 48px 14px 10px;position:relative;border-top:1px solid #d0dadd;color:#40545c}
.customs-operation-pair li::before{content:counter(operation,decimal-leading-zero);position:absolute;right:8px;top:17px;color:#438fa7;font:700 10px/1 Arial,sans-serif}
.customs-receiving,.customs-preparation{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:1px;margin-top:1px;background:#bdcbd0}
.customs-receiving>*,.customs-preparation>*{padding:clamp(28px,4vw,52px);background:#fff}
.customs-receiving>div>p,.customs-preparation>div>p{margin:0 0 34px;color:#438fa7;font-size:12px;font-weight:800}
.customs-receiving>div>span,.customs-preparation>div>span{display:block;margin-top:20px;color:#53676f;line-height:1.95}
.customs-receiving aside{background:#071117;color:#fff}
.customs-receiving aside strong{color:#69b7ce;font-size:13px}
.customs-receiving aside p{margin:40px 0 0;color:#b8c7cc;line-height:2}
.customs-preparation ul{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;margin:0;padding:0;list-style:none}
.customs-preparation li{padding:16px 12px;border-bottom:1px solid #d0dadd;color:#42555d}
.customs-special{background:#dfe8ea}
.customs-special-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#b8c8cd}
.customs-special-grid article{min-height:330px;padding:clamp(28px,4vw,52px);background:#edf2f3}
.customs-special-grid h3{margin:70px 0 18px}
.customs-special-grid p{margin:0;color:#52666e;line-height:1.95}
.customs-dual-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#30464f}
.customs-dual-flow article{padding:clamp(28px,4vw,48px);background:#0a171e}
.customs-dual-flow article>span{color:#69b7ce;font:700 11px/1 "NIKCO UI"}
.customs-dual-flow ol{display:grid;grid-template-columns:1fr!important;margin:34px 0 0!important;border:0!important;counter-reset:flow}
.customs-dual-flow li{counter-increment:flow;min-height:58px!important;padding:18px 48px 18px 12px!important;position:relative;border:0!important;border-top:1px solid #30464f!important;color:#d6e0e3}
.customs-dual-flow li::before{content:counter(flow,decimal-leading-zero);position:absolute;right:9px;top:21px;color:#69b7ce;font:700 10px/1 Arial,sans-serif}
.customs-flow-note{max-width:70ch;margin:42px 0 0;color:#a9b9be;line-height:2}
.customs-support{background:#fff}
.customs-support>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8d4d7}
.customs-support article{min-height:300px;padding:clamp(28px,3vw,44px);background:#f4f7f7}
.customs-support h3{margin:74px 0 18px}
.customs-support article p{margin:0;color:#52666e;line-height:1.9}
.customs-inquiry{background:#dfe8ea}
.customs-inquiry-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:1px;background:#b8c8cd}
.customs-inquiry ol{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;background:#edf2f3}
.customs-inquiry li{min-height:105px;padding:24px;border-bottom:1px solid #c5d1d5;border-inline-start:1px solid #c5d1d5}
.customs-inquiry li strong{display:block;margin-bottom:10px;font-family:Abar,"NIKCO UI";font-size:19px}
.customs-inquiry li span{color:#5a6c73;line-height:1.65}
.customs-inquiry aside{padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;justify-content:space-between;background:#071117;color:#fff}
.customs-inquiry aside p{margin:0;color:#bdcbd0;line-height:2}
.customs-inquiry aside a{min-height:58px;margin-top:42px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;color:#071117;text-decoration:none;font-weight:800}
.customs-inquiry aside a:hover,.customs-inquiry aside a:focus-visible{background:#4ca8c4}
.customs-costs{background:#f2f5f5}
.customs-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c4d0d4}
.customs-cost-grid article{min-height:220px;padding:28px;background:#fff}
.customs-cost-grid article>span{color:#438fa7;font:700 11px/1 Arial,sans-serif}
.customs-cost-grid h3{margin:52px 0 12px}
.customs-cost-grid p{margin:0;color:#586b72;line-height:1.8}
.customs-cost-note{max-width:75ch;margin:36px 0 0;padding:24px;border-right:3px solid #4ca8c4;background:#e2eaec;color:#465b63;line-height:1.9}
.customs-faq{background:#fff}
.customs-faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px}
.customs-faq details{border-bottom:1px solid #cbd6da}
.customs-faq summary{min-height:72px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:750;cursor:pointer;list-style:none}
.customs-faq summary::-webkit-details-marker{display:none}
.customs-faq summary i{font-style:normal;color:#438fa7;font-size:24px;transition:transform .2s}
.customs-faq details[open] summary i{transform:rotate(45deg)}
.customs-faq details>div{padding:0 0 26px;color:#53676f;line-height:2}
.customs-related{background:#071117;color:#fff}
.customs-related>p{margin:0 0 30px;color:#69b7ce;font-size:12px;font-weight:800}
.customs-related>div{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #30464f}
.customs-related a{min-height:210px;padding:26px;display:flex;flex-direction:column;border-inline-start:1px solid #30464f;color:#fff;text-decoration:none;transition:background .2s,color .2s}
.customs-related a>span{color:#69b7ce;font-size:12px}
.customs-related a strong{margin:auto 0 24px;font-size:clamp(22px,2vw,30px);line-height:1.4}
.customs-related a i{font-style:normal}
.customs-related a:hover,.customs-related a:focus-visible{background:#fff;color:#071117;outline:0}
@media(max-width:980px){.customs-hero{grid-template-columns:1fr;min-height:830px}.customs-hero::before{background:linear-gradient(0deg,rgba(4,12,17,.98) 0%,rgba(4,12,17,.76) 55%,rgba(4,12,17,.42) 100%)}.customs-hero-index{position:absolute;left:6vw;top:25%;opacity:.5}}
@media(max-width:900px){.customs-overview,.customs-section-head,.customs-docs-layout,.customs-selection,.customs-receiving,.customs-preparation,.customs-inquiry-layout{grid-template-columns:1fr}.customs-section-head>span{grid-column:1}.customs-grid{grid-template-columns:repeat(2,1fr)}.customs-grid article:nth-child(n+3){border-top:1px solid #c8d4d7}.customs-topics>div{grid-template-columns:repeat(2,1fr)}.customs-topics a:nth-last-child(-n+3){border-bottom:1px solid #2d444d}.customs-topics a:last-child{border-bottom:0}.customs-storage-grid{grid-template-columns:repeat(2,1fr)}.customs-storage-grid article:nth-child(n+3){border-top:1px solid #b8c8cd}.customs-support>div:last-child,.customs-cost-grid{grid-template-columns:repeat(2,1fr)}.customs-related>div{grid-template-columns:repeat(2,1fr)}.customs-related a:nth-child(n+3){border-top:1px solid #30464f}.customs-flow ol{grid-template-columns:repeat(3,1fr)}.customs-flow li:nth-child(n+4){border-top:1px solid #30464f}.customs-cta{grid-template-columns:1fr}}
@media(max-width:620px){.customs-hero{min-height:800px;padding:150px 22px 64px;background-position:58% center}.customs-hero h1{max-width:12ch;font-size:clamp(42px,11vw,56px);line-height:1.28}.customs-hero-tagline{font-size:clamp(23px,7vw,32px);line-height:1.5}.customs-hero-index{display:none}.customs-hero .hero-actions{display:flex}.customs-hero .hero-actions a{width:100%;justify-content:space-between}.customs-page :where(.customs-overview,.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related){padding:72px 20px}.customs-heading,.customs-flow-copy{grid-template-columns:1fr;gap:15px}.customs-grid,.customs-flow ol,.customs-topics>div,.customs-doc-panels,.customs-storage-grid,.customs-operation-pair,.customs-special-grid,.customs-dual-flow,.customs-support>div:last-child,.customs-inquiry ol,.customs-cost-grid,.customs-faq-list,.customs-related>div{grid-template-columns:1fr}.customs-grid article,.customs-flow li,.customs-storage-grid article{min-height:220px;border-top:1px solid #c8d4d7}.customs-flow li{border-color:#30464f}.customs-grid h3,.customs-flow h3{margin-top:60px}.customs-services,.customs-flow,.customs-topics{padding:72px 20px}.customs-topics a{border-bottom:1px solid #2d444d}.customs-topics a:last-child{border-bottom:0}.customs-inline-actions{display:grid}.customs-inline-actions a{width:100%;box-sizing:border-box}.customs-document-list,.customs-doc-panels article,.customs-operation-pair article,.customs-receiving>*,.customs-preparation>*,.customs-special-grid article,.customs-inquiry aside{padding:28px 22px}.customs-selection ul,.customs-preparation ul{grid-template-columns:1fr}.customs-storage-grid article,.customs-special-grid article,.customs-support article{min-height:240px}.customs-operation-pair h3,.customs-special-grid h3,.customs-support h3{margin-top:44px}.customs-related a{min-height:180px}.customs-cta{padding:72px 22px}.customs-cta h2{font-size:clamp(42px,12vw,58px)}.customs-cta>a{width:100%;min-width:0;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.customs-hero .hero-actions a,.customs-inline-actions a,.customs-topics a,.customs-faq summary i,.customs-related a{transition:none}}

/* 2026-08-27 — unified service-page rhythm */
.customs-page{overflow-x:hidden;background:#f2f5f5}
.customs-page :where(#customs-services,#customs-docs,#warehousing,#customs-operations,#customs-flow,#inquiry,#costs,#customs-faq){scroll-margin-top:88px}

.customs-hero{
  min-height:min(820px,88svh);
  padding:clamp(150px,17vh,210px) clamp(24px,7vw,112px) clamp(72px,9vh,104px);
  grid-template-columns:minmax(0,1.1fr) minmax(180px,.45fr);
  gap:5vw;
  background-position:center 52%;
}
.customs-hero::before{background:linear-gradient(180deg,rgba(4,12,17,.76),transparent 32%),linear-gradient(90deg,rgba(4,12,17,.97) 0%,rgba(4,12,17,.82) 46%,rgba(4,12,17,.34) 78%,rgba(4,12,17,.56) 100%),linear-gradient(0deg,#071117 0%,transparent 34%)}
.customs-hero-copy{max-width:720px}
.customs-hero h1{max-width:12ch;margin:20px 0 20px;font-size:clamp(48px,5vw,76px);line-height:1.18}
.customs-hero .hero-summary{max-width:57ch;font-size:clamp(16px,1.25vw,20px);line-height:1.95}
.customs-hero .hero-actions{margin-top:32px}
.customs-hero-index{align-self:end;justify-self:end;padding:0 0 14px 26px;border-left:1px solid rgba(143,196,211,.52);color:#fff;text-align:left}
.customs-hero-index span{font:650 13px/1 Arial,sans-serif;letter-spacing:.2em;color:#fff}
.customs-hero-index b{margin-top:12px;font-size:11px;letter-spacing:.18em;color:#8fc4d3}

.customs-page :where(.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related){padding:clamp(76px,8vw,116px) clamp(24px,6vw,96px)}
.customs-services{padding:clamp(78px,8vw,118px) clamp(24px,6vw,96px);background:#eef3f4}
.customs-scope-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(42px,8vw,130px);align-items:start}
.customs-overview-lead>p{margin:0 0 18px;color:#438fa7;font-size:12px;font-weight:800;letter-spacing:.05em}
.customs-overview-lead h2{max-width:14ch;margin:0;font:850 clamp(38px,4.2vw,66px)/1.18 Abar;letter-spacing:-.035em}
.customs-scope-copy{padding-top:34px;border-top:1px solid #bdcbd0}
.customs-scope-copy p{max-width:66ch;margin:0;color:#52666e;font-size:clamp(16px,1.15vw,19px);line-height:2}
.customs-scope-copy p+p{margin-top:18px}
.customs-heading{grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:5vw;align-items:end;margin:clamp(62px,8vw,112px) 0 34px;padding-top:30px;border-top:1px solid #bdcbd0}
.customs-heading p{margin:0;color:#438fa7;font-size:12px}
.customs-heading h2{max-width:16ch;font-size:clamp(34px,3.8vw,58px);line-height:1.15}
.customs-grid--six{grid-template-columns:repeat(3,1fr);border-block:1px solid #bdcbd0}
.customs-grid--six article{min-height:218px;padding:24px 22px;background:transparent;border-color:#bdcbd0}
.customs-grid--six h3{margin:auto 0 10px;font-size:clamp(25px,2vw,33px)}
.customs-grid--six p{font-size:15px;line-height:1.8}

.customs-topics{padding:0 clamp(24px,6vw,96px) clamp(52px,6vw,78px);background:#071117}
.customs-topics>p{margin:0 0 22px;padding-top:30px;border-top:1px solid #2d444d}
.customs-topics>div{grid-template-columns:repeat(5,1fr);border:1px solid #2d444d;border-left:0}
.customs-topics a,.customs-topics a:nth-last-child(-n+3){min-height:76px;padding:18px 20px;border-bottom:0;border-color:#2d444d;font-size:16px}

.customs-section-head{grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:5vw;margin-bottom:clamp(38px,5vw,62px)}
.customs-section-head h2{max-width:18ch;font-size:clamp(38px,4.25vw,66px);line-height:1.18}
.customs-section-head>span{max-width:66ch}

.customs-docs{background:#fff}
.customs-docs-layout{grid-template-columns:minmax(270px,.62fr) minmax(0,1.38fr);background:#c6d2d6}
.customs-document-list{padding:clamp(26px,3.2vw,46px)}
.customs-document-list ul{margin:30px 0}
.customs-doc-panels article{padding:clamp(24px,2.7vw,38px)}
.customs-doc-panels h3{margin:34px 0 14px}

.customs-storage{background:#dfe8ea}
.customs-storage-grid article{min-height:244px;padding:24px 22px}
.customs-storage-grid h3{font-size:clamp(24px,2.15vw,34px)}
.customs-selection{margin-top:46px}

.customs-operations{background:#f2f5f5}
.customs-operation-pair{background:#bdcbd0}
.customs-operation-pair article{padding:clamp(28px,3.4vw,48px)}
.customs-operation-pair h3{margin:36px 0 18px}
.customs-operation-pair ol{margin-top:26px}
.customs-receiving,.customs-preparation{margin-top:26px;gap:0;background:transparent;border-block:1px solid #bdcbd0}
.customs-receiving>*,.customs-preparation>*{padding:clamp(28px,3.2vw,46px);background:transparent}
.customs-receiving>*+*,.customs-preparation>*+*{border-inline-start:1px solid #bdcbd0}
.customs-receiving aside{background:#071117}

.customs-special{background:#fff}
.customs-special-grid{grid-template-columns:repeat(4,1fr);gap:0;background:transparent;border-block:1px solid #c5d1d5}
.customs-special-grid article{min-height:268px;padding:26px 22px;background:transparent;border-inline-start:1px solid #c5d1d5}
.customs-special-grid article:last-child{border-inline-end:1px solid #c5d1d5}
.customs-special-grid h3{margin:54px 0 16px;font-size:clamp(23px,2vw,31px)}

.customs-flow{padding:clamp(76px,8vw,116px) clamp(24px,6vw,96px);background:#071117}
.customs-flow-copy{grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);margin-bottom:42px}
.customs-flow-copy h2{max-width:16ch;font-size:clamp(38px,4.25vw,66px);line-height:1.18}
.customs-dual-flow article{padding:clamp(26px,3.2vw,42px)}
.customs-dual-flow li{min-height:52px!important;padding-block:15px!important}
.customs-flow-note{margin-top:34px}

.customs-support{background:#eef3f4}
.customs-support>div:last-child{gap:0;background:transparent;border-block:1px solid #c5d1d5}
.customs-support article{min-height:242px;padding:26px 24px;background:transparent;border-inline-start:1px solid #c5d1d5}
.customs-support article:last-child{border-inline-end:1px solid #c5d1d5}
.customs-support h3{margin:52px 0 16px}

.customs-inquiry{position:relative;overflow:hidden;background:#071117;color:#fff}
.customs-inquiry::after{content:"13";position:absolute;left:-.03em;bottom:-.22em;color:rgba(255,255,255,.025);font:800 clamp(240px,32vw,520px)/.75 Arial,sans-serif;pointer-events:none}
.customs-inquiry-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);gap:5vw;align-items:end}
.customs-inquiry-intro>p{align-self:start;margin:0;color:#69b7ce;font-size:12px;font-weight:800;letter-spacing:.05em}
.customs-inquiry-intro h2{max-width:17ch;margin:0;font:850 clamp(40px,4.8vw,74px)/1.16 Abar;letter-spacing:-.035em}
.customs-inquiry-intro>span{grid-column:2;max-width:60ch;color:#aebfc4;line-height:1.9}
.customs-inquiry .customs-enquiry-route{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin:54px 0 26px;padding:0;border-block:1px solid #30464f;background:transparent;list-style:none;counter-reset:none}
.customs-enquiry-route li{position:relative;min-height:154px;padding:25px 26px;border-inline-start:1px solid #30464f}
.customs-enquiry-route li:last-child{border-inline-end:1px solid #30464f}
.customs-enquiry-route li:not(:last-child)::after{content:"←";position:absolute;left:-14px;top:62px;z-index:2;width:28px;height:28px;display:grid;place-items:center;background:#071117;color:#69b7ce;font:18px/1 Arial,sans-serif}
.customs-enquiry-route li>span{display:block;color:#69b7ce;font:700 10px/1 Arial,sans-serif}
.customs-enquiry-route strong{display:block;margin:22px 0 8px;color:#fff;font:800 clamp(22px,2vw,30px)/1.3 Abar}
.customs-enquiry-route small{color:#9eb0b6;line-height:1.7}
.customs-enquiry-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);background:#edf2f3;color:#071117}
.customs-enquiry-board>section{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,3vw,42px);border-inline-start:1px solid #c3cfd3}
.customs-enquiry-board>section:last-child{border-inline-end:1px solid #c3cfd3}
.customs-enquiry-board section>p{margin:0;color:#438fa7;font-size:10px;font-weight:800;letter-spacing:.06em}
.customs-enquiry-board h3{margin:28px 0 24px;font:820 clamp(27px,2.5vw,38px)/1.25 Abar}
.customs-enquiry-board ul{margin:0;padding:0;list-style:none}
.customs-enquiry-board li{padding:14px 0;border-top:1px solid #cad5d8}
.customs-enquiry-board li strong{display:block;margin-bottom:5px;font:750 17px/1.5 Abar}
.customs-enquiry-board li span{display:block;color:#5b6d74;font-size:14px;line-height:1.7}
.customs-enquiry-help{margin:auto -42px -42px;padding:26px 42px;background:#dfe8ea}
.customs-enquiry-help p{margin:0;color:#4f626a;line-height:1.85}
.customs-enquiry-help a{min-height:56px;margin-top:24px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#071117;color:#fff;border-bottom:2px solid #4ca8c4;text-decoration:none;font-weight:800}
.customs-enquiry-help a:hover,.customs-enquiry-help a:focus-visible{background:#4ca8c4;color:#071117;outline:0}

.customs-costs{background:#f2f5f5}
.customs-cost-grid{gap:0;background:transparent;border-block:1px solid #c4d0d4}
.customs-cost-grid article{min-height:184px;padding:24px;background:transparent;border-inline-start:1px solid #c4d0d4}
.customs-cost-grid article:nth-child(n+4){border-top:1px solid #c4d0d4}
.customs-cost-grid article:nth-child(3n){border-inline-end:1px solid #c4d0d4}
.customs-cost-grid h3{margin:38px 0 10px;font-size:clamp(24px,2vw,32px)}
.customs-cost-note{margin-top:30px;padding:0 22px 0 0;background:transparent}
.customs-faq{background:#fff}
.customs-related a{min-height:184px}

.customs-page :where(a,button,summary):focus-visible{outline:2px solid #4ca8c4;outline-offset:4px}

@media(max-width:1100px){
  .customs-special-grid{grid-template-columns:repeat(2,1fr)}
  .customs-special-grid article:nth-child(n+3){border-top:1px solid #c5d1d5}
  .customs-topics>div{grid-template-columns:repeat(3,1fr)}
  .customs-topics a:nth-child(n+4){border-top:1px solid #2d444d}
}
@media(max-width:900px){
  .customs-scope-head,.customs-inquiry-intro{grid-template-columns:1fr;gap:30px}
  .customs-inquiry-intro>span{grid-column:1}
  .customs-scope-copy{padding-top:26px}
  .customs-grid--six{grid-template-columns:repeat(2,1fr)}
  .customs-grid--six article:nth-child(n+3){border-top:1px solid #bdcbd0}
  .customs-enquiry-board{grid-template-columns:1fr}
  .customs-enquiry-board>section{border-inline-end:1px solid #c3cfd3;border-top:1px solid #c3cfd3}
  .customs-enquiry-help{margin:26px -42px -42px}
}
@media(max-width:700px){
  .customs-hero{min-height:720px;padding:142px 20px 58px;grid-template-columns:1fr;background-position:62% center}
  .customs-hero-index{display:none}
  .customs-hero .hero-actions a{min-height:54px}
  .customs-page :where(.customs-docs,.customs-storage,.customs-operations,.customs-special,.customs-support,.customs-inquiry,.customs-costs,.customs-faq,.customs-related),.customs-services,.customs-flow{padding:68px 20px}
  .customs-heading,.customs-section-head,.customs-flow-copy{grid-template-columns:1fr;gap:16px}
  .customs-section-head>span{grid-column:1}
  .customs-grid--six,.customs-topics>div,.customs-inquiry .customs-enquiry-route{grid-template-columns:1fr}
  .customs-grid--six article{min-height:178px;border-top:1px solid #bdcbd0}
  .customs-topics{padding:0 20px 50px}
  .customs-topics a,.customs-topics a:nth-last-child(-n+3){min-height:66px;border-top:1px solid #2d444d;border-bottom:0}
  .customs-enquiry-route li{min-height:auto;padding:22px 20px}
  .customs-enquiry-route li:not(:last-child)::after{content:"↓";left:24px;top:auto;bottom:-14px}
  .customs-enquiry-route strong{margin-top:14px}
  .customs-enquiry-board>section{padding:26px 22px}
  .customs-enquiry-help{margin:24px -22px -26px;padding:24px 22px}
  .customs-special-grid{grid-template-columns:1fr}
  .customs-special-grid article{min-height:218px;border-top:1px solid #c5d1d5}
  .customs-cost-grid article{min-height:160px}
}

/* Revision 2 — make the middle of the page structurally distinct */
.customs-storage-grid{
  grid-template-columns:repeat(2,1fr);
  border:0;
  gap:0 clamp(34px,5vw,78px);
}
.customs-storage-grid article{
  min-height:190px;
  padding:26px 0;
  display:grid;
  grid-template-columns:minmax(92px,.28fr) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:24px;
  align-items:start;
  border:0;
  border-top:1px solid #b8c8cd;
}
.customs-storage-grid article:nth-last-child(-n+2){border-bottom:1px solid #b8c8cd}
.customs-storage-grid article>span{grid-row:1 / 3;align-self:start;padding-top:8px}
.customs-storage-grid h3{margin:0 0 13px;font-size:clamp(25px,2.1vw,34px)}
.customs-storage-grid p{max-width:46ch}
.customs-selection{
  grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);
  margin-top:54px;
  padding-top:34px;
  border-top:1px solid #b8c8cd;
}
.customs-selection ul{grid-template-columns:repeat(4,1fr);border-top:0}
.customs-selection li{padding:13px 16px;border-top:1px solid #b8c8cd}

.customs-operation-pair{grid-template-columns:1fr;gap:22px;background:transparent}
.customs-operation-pair article{
  padding:clamp(30px,3.7vw,54px);
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(320px,1.28fr);
  grid-template-rows:auto auto 1fr;
  gap:0 clamp(38px,6vw,90px);
  border:1px solid #bdcbd0;
}
.customs-operation-pair article:first-child{background:#071117;color:#fff;border-color:#071117}
.customs-operation-pair article>span{grid-column:1;grid-row:1}
.customs-operation-pair article h3{grid-column:1;grid-row:2;margin:34px 0 18px}
.customs-operation-pair article>p{grid-column:1;grid-row:3;margin:0}
.customs-operation-pair article:first-child>p{color:#aebfc4}
.customs-operation-pair article ol{
  grid-column:2;
  grid-row:1 / 4;
  align-self:stretch;
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  margin:0;
}
.customs-operation-pair article:first-child li{border-color:#30464f;color:#d7e1e4}
.customs-operation-pair article:first-child li::before{color:#69b7ce}
.customs-page .customs-operation-pair li{
  padding-inline-start:48px;
  padding-inline-end:10px;
}
.customs-page .customs-operation-pair li::before{
  right:auto;
  left:auto;
  inset-inline-start:8px;
}
.customs-receiving,.customs-preparation{grid-template-columns:minmax(0,1.15fr) minmax(280px,.58fr);margin-top:40px}

.customs-flow-copy{margin-bottom:48px}
.customs-dual-flow{grid-template-columns:1fr;gap:18px;background:transparent}
.customs-dual-flow article{
  display:grid;
  grid-template-columns:minmax(150px,.23fr) minmax(0,1fr);
  gap:34px;
  align-items:stretch;
  padding:0;
  border-block:1px solid #30464f;
  background:transparent;
}
.customs-dual-flow article>span{padding:30px 0;align-self:start}
.customs-dual-flow ol{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  margin:0!important;
  counter-reset:flow;
}
.customs-dual-flow li{
  min-height:142px!important;
  padding:70px 18px 20px!important;
  display:flex;
  align-items:flex-end;
  border-top:0!important;
  border-inline-start:1px solid #30464f!important;
}
.customs-dual-flow li:last-child{border-inline-end:1px solid #30464f!important}
.customs-dual-flow li::before{right:18px;top:25px}
.customs-dual-flow li:not(:last-child)::after{
  content:"←";
  position:absolute;
  left:-11px;
  top:61px;
  z-index:2;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  background:#071117;
  color:#69b7ce;
  font:15px/1 Arial,sans-serif;
}
.customs-flow-note{max-width:none;margin:32px 0 0;padding-top:26px;border-top:1px solid #30464f}

.customs-cost-grid{grid-template-columns:repeat(6,1fr)}
.customs-cost-grid article,.customs-cost-grid article:nth-child(n+4){min-height:205px;border-top:0}
.customs-cost-grid article:nth-child(3n){border-inline-end:0}
.customs-cost-grid article:last-child{border-inline-end:1px solid #c4d0d4}

@media(max-width:1100px){
  .customs-selection ul{grid-template-columns:repeat(2,1fr)}
  .customs-cost-grid{grid-template-columns:repeat(3,1fr)}
  .customs-cost-grid article:nth-child(n+4){border-top:1px solid #c4d0d4}
  .customs-cost-grid article:nth-child(3n){border-inline-end:1px solid #c4d0d4}
  .customs-dual-flow article{grid-template-columns:1fr}
  .customs-dual-flow article>span{padding-bottom:0}
}
@media(max-width:800px){
  .customs-storage-grid,.customs-operation-pair article{grid-template-columns:1fr}
  .customs-storage-grid article{grid-template-columns:90px 1fr}
  .customs-operation-pair article>span,.customs-operation-pair article h3,.customs-operation-pair article>p,.customs-operation-pair article ol{grid-column:1;grid-row:auto}
  .customs-operation-pair article ol{margin-top:28px}
  .customs-dual-flow ol{grid-template-columns:repeat(3,1fr)!important}
  .customs-dual-flow li:nth-child(n+4){border-top:1px solid #30464f!important}
  .customs-dual-flow li:nth-child(3n){border-inline-end:1px solid #30464f!important}
}
@media(max-width:620px){
  .customs-storage-grid article{min-height:auto;padding:24px 0;grid-template-columns:1fr}
  .customs-storage-grid article>span{grid-row:auto;margin-bottom:18px}
  .customs-storage-grid article:nth-last-child(-n+2){border-bottom:0}
  .customs-storage-grid article:last-child{border-bottom:1px solid #b8c8cd}
  .customs-selection{grid-template-columns:1fr}
  .customs-selection ul{grid-template-columns:1fr}
  .customs-operation-pair article{padding:28px 22px}
  .customs-dual-flow ol{grid-template-columns:1fr!important}
  .customs-dual-flow li{min-height:64px!important;padding:20px 48px 20px 16px!important;border-top:1px solid #30464f!important;border-inline:0!important}
  .customs-dual-flow li::before{right:12px;top:24px}
  .customs-dual-flow li:not(:last-child)::after{content:"↓";left:18px;top:auto;bottom:-11px}
  .customs-cost-grid{grid-template-columns:1fr}
  .customs-cost-grid article,.customs-cost-grid article:nth-child(n+4){min-height:145px;border-top:1px solid #c4d0d4}
}

/* Service explorer — same visual language as the air and sea topic tabs */
.customs-topics{
  --customs-topic-progress:0;
  position:relative;
  isolation:isolate;
  padding:clamp(82px,9vw,132px) clamp(24px,6vw,96px) clamp(64px,7vw,94px);
  overflow:hidden;
  background:#0b171e;
  color:#fff;
}
.customs-topics::before{
  content:"CUSTOMS / 05";
  position:absolute;
  z-index:-1;
  direction:ltr;
  left:-1vw;
  bottom:-.08em;
  color:rgba(255,255,255,.028);
  font:800 clamp(110px,17vw,270px)/.78 Arial,sans-serif;
  letter-spacing:-.08em;
  pointer-events:none;
}
.customs-topics>.customs-topics-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);
  gap:8vw;
  align-items:end;
  border:0;
  background:transparent;
}
.customs-topics-head>div>p{
  margin:0;
  color:#69b7ce;
  font:800 13px/1.2 "NIKCO Body","NIKCO UI",sans-serif;
}
.customs-topics-head h2{
  max-width:15ch;
  margin:18px 0 0;
  color:#fff;
  font:850 clamp(40px,4.8vw,74px)/1.2 Abar,"NIKCO UI",sans-serif;
  letter-spacing:-.035em;
}
.customs-topics-head>p{
  max-width:46ch;
  margin:0;
  color:rgba(255,255,255,.58);
  font-family:"NIKCO Body","NIKCO UI",sans-serif;
  line-height:2;
}
.customs-topics>.customs-topic-status{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  margin:48px 0 0;
  border:0;
  background:transparent;
  direction:rtl;
  color:#69b7ce;
  font:700 11px/1 Arial,sans-serif;
}
.customs-topic-status i{position:relative;height:1px;overflow:hidden;background:rgba(255,255,255,.16)}
.customs-topic-status i::after{
  content:"";
  position:absolute;
  inset:0;
  background:#69b7ce;
  transform:scaleX(var(--customs-topic-progress));
  transform-origin:right center;
  transition:transform .35s ease;
}
.customs-topic-status b{font:inherit;color:#7f969e}
.customs-topics>.customs-topic-tabs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:22px;
  border-block:1px solid rgba(255,255,255,.16);
  border-inline:0;
  background:transparent;
}
.customs-topics .customs-topic-tabs a,
.customs-topics .customs-topic-tabs a:nth-last-child(-n+3){
  min-height:116px;
  padding:23px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
  border:0;
  border-inline-start:1px solid rgba(255,255,255,.16);
  border-bottom:0;
  background:transparent;
  color:rgba(255,255,255,.58);
  text-align:right;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.customs-topics .customs-topic-tabs a:last-child{border-inline-end:1px solid rgba(255,255,255,.16)}
.customs-topic-tabs a span{display:block;margin:0 0 22px;color:#69b7ce;font:700 10px/1 Arial,sans-serif}
.customs-topic-tabs a strong{font:750 18px/1.5 Abar,"NIKCO UI",sans-serif}
.customs-topics .customs-topic-tabs a:hover,
.customs-topics .customs-topic-tabs a:focus-visible,
.customs-topics .customs-topic-tabs a.is-active{
  background:#f4f7f7;
  color:#071117;
  outline:0;
}
.customs-topics .customs-topic-tabs a:focus-visible{box-shadow:inset 0 0 0 2px #69b7ce}

@media(max-width:980px){
  .customs-topics>.customs-topics-head{grid-template-columns:1fr;gap:28px}
  .customs-topics>.customs-topic-tabs{grid-template-columns:repeat(3,1fr)}
  .customs-topics .customs-topic-tabs a:nth-child(n+4){border-top:1px solid rgba(255,255,255,.16)}
}
@media(max-width:620px){
  .customs-topics{padding:72px 20px 54px}
  .customs-topics-head h2{font-size:clamp(38px,11vw,50px)}
  .customs-topics>.customs-topic-status{margin-top:34px}
  .customs-topics>.customs-topic-tabs{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:82%;
    gap:10px;
    margin-inline:0;
    padding:10px 0 18px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline mandatory;
    scrollbar-width:none;
  }
  .customs-topics>.customs-topic-tabs::-webkit-scrollbar{display:none}
  .customs-topics .customs-topic-tabs a,
  .customs-topics .customs-topic-tabs a:nth-last-child(-n+3){
    min-height:96px;
    padding:17px 18px;
    border:1px solid rgba(255,255,255,.16);
    scroll-snap-align:start;
  }
  .customs-topic-tabs a span{margin-bottom:15px}
}
@media(prefers-reduced-motion:reduce){
  .customs-topic-status i::after,.customs-topics .customs-topic-tabs a{transition:none}
}

/* Exact sea-freight topic explorer format */
.customs-topics{
  --customs-topic-progress:.2;
  position:relative;
  isolation:isolate;
  padding:clamp(84px,9vw,132px) clamp(24px,7vw,116px) clamp(52px,6vw,84px);
  overflow:hidden;
  border:0;
  background:#081218;
  color:#fff;
}
.customs-topics::before{
  content:"CUSTOMS / 05";
  inset:auto -2vw -5vw auto;
  left:auto;
  bottom:-5vw;
  color:rgba(255,255,255,.035);
  font:700 clamp(96px,16vw,250px)/.75 Arial,sans-serif;
  letter-spacing:-.08em;
  white-space:nowrap;
}
.customs-topics::after{
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(121,198,216,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(121,198,216,.055) 1px,transparent 1px);
  background-size:72px 72px;
  content:"";
  mask-image:linear-gradient(90deg,transparent,#000 55%,#000);
  pointer-events:none;
}
.customs-topics>.customs-topic-explorer-head{
  max-width:1320px;
  margin-inline:auto;
  margin-bottom:34px;
  display:flex;
  gap:36px;
  align-items:end;
  justify-content:space-between;
  border:0;
  background:transparent;
}
.customs-topic-heading>span{
  display:block;
  margin-bottom:10px;
  color:#79c6d8;
  font:700 11px/1.2 "NIKCO Body","NIKCO UI",sans-serif;
}
.customs-topic-heading>span::after{
  display:inline-block;
  width:42px;
  margin-inline-start:12px;
  border-top:1px solid currentColor;
  content:"";
  vertical-align:middle;
}
.customs-topic-heading h2{
  max-width:17ch;
  margin:0;
  color:#fff;
  font:700 clamp(34px,3.5vw,54px)/1.35 Abar,"NIKCO UI",sans-serif;
  letter-spacing:0;
}
.customs-topic-heading p{
  margin:12px 0 0;
  color:#82949c;
  font:400 14px/1.8 "NIKCO Body","NIKCO UI",sans-serif;
}
.customs-topic-controls{display:flex;direction:ltr;gap:8px}
.customs-topic-controls button{
  width:46px;
  height:46px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
.customs-topic-controls button:hover,.customs-topic-controls button:focus-visible{border-color:#79c6d8;background:#fff;color:#071117;outline:0}
.customs-topic-controls svg{width:20px;height:20px}
.customs-topics>.customs-topic-status{
  max-width:1320px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:auto minmax(80px,1fr) auto;
  align-items:center;
  gap:14px;
  border:0;
  background:transparent;
  direction:rtl;
  color:#6f828b;
  font:700 11px/1 Arial,sans-serif;
}
.customs-topic-status span{color:#79c6d8}
.customs-topic-status i{position:relative;height:1px;overflow:hidden;background:rgba(255,255,255,.15)}
.customs-topic-status i::after{transform:scaleX(var(--customs-topic-progress));transform-origin:right;transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.customs-topics>.customs-topic-track{
  max-width:1320px;
  margin-inline:auto;
  padding:12px 0 24px;
  display:flex;
  gap:14px;
  overflow-x:auto;
  border:0;
  background:transparent;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.customs-topic-track::-webkit-scrollbar{display:none}
.customs-topics .customs-topic-chip,
.customs-topics .customs-topic-chip:nth-last-child(-n+3){
  position:relative;
  flex:0 0 clamp(210px,22vw,292px);
  min-height:112px;
  padding:22px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto 1fr;
  gap:14px 18px;
  align-items:initial;
  justify-content:initial;
  scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.16);
  border-radius:0;
  background:rgba(20,34,42,.88);
  color:#fff;
  text-align:right;
  animation:customs-topic-in 560ms cubic-bezier(.22,1,.36,1) both;
  animation-delay:calc(var(--topic-index) * 45ms);
  transition:border-color .24s ease,background-color .24s ease,color .24s ease,transform .24s ease;
}
.customs-topic-chip::before{
  position:absolute;
  inset:-1px auto -1px -1px;
  width:3px;
  background:#79c6d8;
  content:"";
  opacity:0;
  transform:scaleY(.2);
  transition:opacity .24s ease,transform .24s ease;
}
.customs-topic-chip>span{margin:0;color:#79c6d8;font:700 11px/1 Arial,sans-serif}
.customs-topic-chip strong{align-self:end;font:750 clamp(18px,1.45vw,23px)/1.55 Abar,"NIKCO UI",sans-serif}
.customs-topic-chip i{position:relative;align-self:end;width:24px;height:24px;border:1px solid currentColor;grid-column:1}
.customs-topic-chip i::before,.customs-topic-chip i::after{position:absolute;top:50%;left:50%;width:9px;height:1px;background:currentColor;content:"";transform:translate(-50%,-50%)}
.customs-topic-chip i::after{transform:translate(-50%,-50%) rotate(90deg)}
.customs-topics .customs-topic-chip:hover,.customs-topics .customs-topic-chip:focus-visible,.customs-topics .customs-topic-chip.is-active{
  border-color:rgba(121,198,216,.74);
  background:#f2f6f7;
  color:#071117;
  outline:0;
  transform:translateY(-8px);
}
.customs-topic-chip:hover::before,.customs-topic-chip:focus-visible::before,.customs-topic-chip.is-active::before{opacity:1;transform:scaleY(1)}
@keyframes customs-topic-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:620px){
  .customs-topics{padding:72px 20px 48px}
  .customs-topics::before{inset:auto -4vw -1vw auto;font-size:96px}
  .customs-topics::after{background-size:48px 48px}
  .customs-topics>.customs-topic-explorer-head{align-items:end;margin-bottom:24px}
  .customs-topic-heading h2{max-width:11ch;font-size:30px}
  .customs-topic-heading p{max-width:24ch;font-size:12px}
  .customs-topic-controls button{width:44px;height:44px}
  .customs-topics>.customs-topic-status{margin-bottom:18px}
  .customs-topics>.customs-topic-track{gap:10px;padding:10px 0 20px}
  .customs-topics .customs-topic-chip,.customs-topics .customs-topic-chip:nth-last-child(-n+3){flex-basis:82%;min-height:138px;padding:18px}
  .customs-topic-chip strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .customs-topic-chip,.customs-topic-status i::after,.customs-topic-controls button{animation:none;transition:none}
}

/* Real tab panels: group the remaining content into five focused workspaces. */
.customs-topic-panels{
  padding:28px clamp(24px,7vw,116px) clamp(64px,8vw,116px);
  background:#081218;
}
.customs-topic-panel{
  max-width:1320px;
  margin:0 auto;
  overflow:hidden;
  background:#f2f5f5;
  animation:customs-panel-in .42s cubic-bezier(.22,1,.36,1) both;
  scroll-margin-top:88px;
}
.customs-topic-panel[hidden]{display:none!important}
.customs-topic-panel>.customs-docs,
.customs-topic-panel>.customs-storage,
.customs-topic-panel>.customs-operations,
.customs-topic-panel>.customs-special,
.customs-topic-panel>.customs-flow,
.customs-topic-panel>.customs-support,
.customs-topic-panel>.customs-inquiry,
.customs-topic-panel>.customs-costs,
.customs-topic-panel>.customs-faq{width:100%}
@keyframes customs-panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:620px){
  .customs-topic-panels{padding:20px 20px 54px}
  .customs-topic-panel{scroll-margin-top:70px}
}
@media(prefers-reduced-motion:reduce){.customs-topic-panel{animation:none}}

/* 2026-08-27: revised page hierarchy — scope first, documents outside the tabs. */
html:has(body.customs-page){overflow-x:clip}
.customs-hero{
  grid-template-columns:minmax(0,1.18fr) minmax(220px,.42fr);
}
.customs-hero-copy{max-width:850px}
.customs-hero h1{
  max-width:16ch;
  font-size:clamp(46px,4.55vw,72px);
  line-height:1.2;
}
.customs-hero .hero-summary{max-width:68ch}

.customs-services{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(76px,8vw,116px) clamp(24px,6vw,96px);
  background:#071117;
  color:#fff;
}
.customs-services::before{
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(121,198,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(121,198,216,.05) 1px,transparent 1px);
  background-size:72px 72px;
  content:"";
  mask-image:linear-gradient(90deg,transparent,#000 58%,#000);
  pointer-events:none;
}
.customs-services .customs-heading{
  max-width:1320px;
  margin:0 auto clamp(38px,5vw,58px);
}
.customs-services .customs-heading h2{max-width:15ch;color:#fff}
.customs-services .customs-grid--six{
  max-width:1320px;
  margin-inline:auto;
  border-color:#30464f;
}
.customs-services .customs-grid--six article{
  min-height:214px;
  border-color:#30464f;
  background:rgba(7,17,23,.7);
}
.customs-services .customs-grid--six h3{color:#fff}
.customs-services .customs-grid--six p{color:#9daeb4}
.customs-services .customs-grid--six span{color:#79c6d8}

.customs-docs{background:#fff}
.customs-topics{--customs-topic-progress:.25}
.customs-topics::before{content:"CUSTOMS / 04"}

@media(max-width:980px){
  .customs-hero{grid-template-columns:1fr}
}
@media(max-width:620px){
  .customs-hero h1{max-width:13ch;font-size:clamp(40px,10.7vw,54px)}
  .customs-services{padding:68px 20px}
  .customs-services::before{background-size:48px 48px}
  .customs-services .customs-grid--six article{min-height:172px}
}

/* Match the air-freight hero and its second-section rhythm. */
.customs-hero{
  min-height:min(900px,92svh);
  padding:clamp(180px,19vh,250px) clamp(5vw,8vw,130px) clamp(80px,10vh,120px);
  grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);
  gap:7vw;
  background-position:center 48%;
}
.customs-hero::before{
  background:linear-gradient(180deg,rgba(4,12,17,.72) 0%,transparent 34%),linear-gradient(90deg,rgba(4,12,17,.96) 0%,rgba(4,12,17,.84) 38%,rgba(4,12,17,.28) 72%,rgba(4,12,17,.58) 100%),linear-gradient(0deg,#071117 0%,transparent 32%);
}
.customs-hero-copy{max-width:760px}
.customs-hero h1{max-width:13ch;margin:22px 0 12px;font-size:clamp(50px,5.4vw,82px);line-height:1.22}
.customs-hero .hero-summary{max-width:58ch;font-size:clamp(17px,1.5vw,23px);line-height:2}
.customs-hero .hero-actions{margin-top:38px}
.customs-hero-index{
  position:static;
  align-self:center;
  justify-self:end;
  padding:0;
  display:grid;
  border:0;
  color:rgba(255,255,255,.12);
  opacity:1;
  text-align:left;
  direction:ltr;
}
.customs-hero-index span{color:inherit;font:700 clamp(92px,15vw,260px)/.75 Arial,sans-serif;letter-spacing:-.08em}
.customs-hero-index b{margin-top:24px;color:#8bb5c3;font:500 16px/1 Arial,sans-serif;letter-spacing:.24em}

.customs-services{
  padding:clamp(80px,10vw,150px) clamp(5vw,8vw,130px);
  background:#071117;
  color:#fff;
}
.customs-services::before{content:none}
.customs-services .customs-heading{
  max-width:none;
  margin:0 0 56px;
  padding-top:0;
  display:grid;
  grid-template-columns:minmax(160px,.4fr) 1fr;
  gap:6vw;
  align-items:end;
  border-top:0;
}
.customs-services .customs-heading p{margin:0;color:#69b7ce;font-size:13px}
.customs-services .customs-heading h2{max-width:15ch;margin:0;color:#fff;font-size:clamp(38px,4.9vw,76px);line-height:1.24}
.customs-services .customs-grid--six{
  max-width:none;
  margin:0;
  border-block:1px solid rgba(255,255,255,.15);
}
.customs-services .customs-grid--six article{
  min-height:270px;
  padding:30px;
  border-color:rgba(255,255,255,.15);
  background:transparent;
  transition:background .3s ease,transform .3s ease;
}
.customs-services .customs-grid--six article:nth-child(n+4){border-top:1px solid rgba(255,255,255,.15)}
.customs-services .customs-grid--six article:hover{background:#11242e;transform:translateY(-5px)}
.customs-services .customs-grid--six span{color:#69b7ce;font:600 11px Arial,sans-serif;letter-spacing:.1em}
.customs-services .customs-grid--six h3{margin:60px 0 16px;color:#fff;font-size:clamp(25px,2.2vw,36px);line-height:1.35}
.customs-services .customs-grid--six p{margin:0;color:rgba(255,255,255,.62);line-height:1.9}

.customs-topics{--customs-topic-progress:.2}
.customs-topics::before{content:"CUSTOMS / 05"}

@media(max-width:980px){
  .customs-hero{grid-template-columns:1fr;min-height:830px}
  .customs-hero::before{background:linear-gradient(0deg,rgba(4,12,17,.98) 0%,rgba(4,12,17,.76) 55%,rgba(4,12,17,.42) 100%)}
  .customs-hero-index{position:absolute;left:6vw;top:25%;opacity:.5}
  .customs-services .customs-grid--six{grid-template-columns:repeat(2,1fr)}
  .customs-services .customs-grid--six article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.15)}
}
@media(max-width:620px){
  .customs-hero{min-height:800px;padding:150px 22px 64px;background-position:58% center}
  .customs-hero h1{max-width:12ch;font-size:clamp(42px,11vw,56px);line-height:1.28}
  .customs-hero-index{display:none}
  .customs-hero .hero-actions a{width:100%;justify-content:space-between}
  .customs-services{padding:72px 20px}
  .customs-services .customs-heading{grid-template-columns:1fr;gap:15px}
  .customs-services .customs-grid--six{grid-template-columns:1fr}
  .customs-services .customs-grid--six article{min-height:210px;border-top:1px solid rgba(255,255,255,.15)}
  .customs-services .customs-grid--six h3{margin-top:42px}
}
@media(prefers-reduced-motion:reduce){.customs-services .customs-grid--six article{transition:none}}

/* The handling tab starts directly with receiving and preparation content. */
.customs-operations--handling .customs-receiving{margin-top:0}
.customs-page :where(#receiving,#preparation,#consolidation,#deconsolidation,#container,#cfs,#cross-docking,#temperature){scroll-margin-top:88px}

/* All tab workspaces use one clear white reading surface. */
.customs-topic-panel,
.customs-topic-panel>.customs-storage,
.customs-topic-panel>.customs-operations,
.customs-topic-panel>.customs-special,
.customs-topic-panel>.customs-costs{background:#fff}

/* Exact current sea-freight topic strip: flat tabs, no plus icon. */
.customs-topics{
  padding-bottom:0;
  background:#0b171e;
}
.customs-topics::after{display:none}
.customs-topics>.customs-topic-explorer-head{margin-bottom:clamp(42px,5vw,62px)}
.customs-topic-heading h2{max-width:15ch;font-size:clamp(38px,4.7vw,72px);line-height:1.24}
.customs-topic-heading p{max-width:45ch;color:rgba(255,255,255,.58);line-height:2}
.customs-topics>.customs-topic-status{margin-bottom:22px}
.customs-topics>.customs-topic-track{
  gap:0;
  padding:0;
  border-block:1px solid rgba(255,255,255,.16);
}
.customs-topics .customs-topic-chip,
.customs-topics .customs-topic-chip:nth-last-child(-n+3){
  flex:0 0 25%;
  min-height:118px;
  padding:24px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  gap:24px;
  border:0;
  border-inline-start:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:rgba(255,255,255,.58);
  animation:none;
  transition:background-color 200ms ease,color 200ms ease;
}
.customs-topic-chip::before,.customs-topic-chip i{display:none}
.customs-topic-chip>span{color:#79c6d8;font:700 10px/1 Arial,sans-serif}
.customs-topic-chip strong{align-self:end;font-size:clamp(17px,1.3vw,20px);line-height:1.55}
.customs-topics .customs-topic-chip:hover,
.customs-topics .customs-topic-chip:focus-visible,
.customs-topics .customs-topic-chip.is-active{
  border-color:rgba(255,255,255,.16);
  background:#f5f7f8;
  color:#071117;
  transform:none;
}
.customs-topic-panels{background:#0b171e}

@media(max-width:980px){
  .customs-topics .customs-topic-chip,
  .customs-topics .customs-topic-chip:nth-last-child(-n+3){flex-basis:50%}
}
@media(max-width:620px){
  .customs-topics{padding:72px 20px 0}
  .customs-topics>.customs-topic-explorer-head{margin-bottom:34px}
  .customs-topic-heading h2{max-width:12ch;font-size:clamp(36px,10.5vw,48px)}
  .customs-topic-controls{align-self:end}
  .customs-topics>.customs-topic-track{margin-inline:0}
  .customs-topics .customs-topic-chip,
  .customs-topics .customs-topic-chip:nth-last-child(-n+3){flex-basis:82%;min-height:94px;padding:18px;gap:16px}
}

/* Match the open sea-freight reading panel without changing its content. */
.customs-topic-panel > :is(.customs-storage,.customs-operations,.customs-special,.customs-costs){
  padding:clamp(42px,6vw,80px);
}
.customs-topic-panel .customs-section-head{margin-bottom:clamp(34px,5vw,56px)}

/* Before/after operations follow the same readable process rhythm as air freight. */
.customs-flow{
  padding:clamp(85px,10vw,150px) clamp(5vw,8vw,130px);
  background:#f3f6f7;
  color:#071117;
}
.customs-flow-copy{
  display:grid;
  grid-template-columns:.3fr 1fr .7fr;
  gap:5vw;
  align-items:start;
  margin-bottom:0;
}
.customs-flow-copy>p:first-child{
  margin:0;
  color:#4f93a4;
  font:700 11px/1 Arial,sans-serif;
  letter-spacing:.08em;
}
.customs-flow-copy h2{
  max-width:15ch;
  margin:0;
  color:#071117;
  font-size:clamp(38px,4.6vw,72px);
  line-height:1.25;
}
.customs-flow-copy>.customs-flow-note{
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  color:#566970;
  line-height:2;
}
.customs-dual-flow{
  display:grid;
  grid-template-columns:1fr;
  gap:46px;
  margin-top:68px;
  background:transparent;
}
.customs-dual-flow article{
  display:block;
  padding:0;
  border:0;
  background:transparent;
}
.customs-dual-flow article>span{
  display:block;
  margin:0 0 16px;
  padding:0;
  color:#4f93a4;
  font:700 11px/1 Arial,sans-serif;
}
.customs-dual-flow ol{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  margin:0!important;
  padding:0!important;
  border-block:1px solid #bdcbd0!important;
  list-style:none;
}
.customs-dual-flow li{
  position:relative;
  min-height:210px!important;
  padding:82px 26px 26px!important;
  display:flex;
  align-items:flex-end;
  border-top:0!important;
  border-inline-start:1px solid #bdcbd0!important;
  color:#071117;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.55;
}
.customs-dual-flow li:last-child{border-inline-end:1px solid #bdcbd0!important}
.customs-dual-flow li::before{
  position:absolute;
  top:26px;
  right:26px;
  color:#4f93a4;
  font:700 11px/1 Arial,sans-serif;
}
.customs-dual-flow li::after{content:none!important}

@media(max-width:980px){
  .customs-flow-copy{grid-template-columns:1fr}
  .customs-dual-flow ol{grid-template-columns:repeat(3,1fr)!important}
  .customs-dual-flow li:nth-child(n+4){border-top:1px solid #bdcbd0!important}
  .customs-dual-flow li:nth-child(3n){border-inline-end:1px solid #bdcbd0!important}
}
@media(max-width:620px){
  .customs-topic-panel > :is(.customs-storage,.customs-operations,.customs-special,.customs-costs){padding:34px 20px 44px}
  .customs-flow{padding:72px 20px}
  .customs-dual-flow{gap:38px;margin-top:52px}
  .customs-dual-flow ol{grid-template-columns:1fr!important}
  .customs-dual-flow li{
    min-height:150px!important;
    padding:68px 20px 22px!important;
    border-top:1px solid #bdcbd0!important;
    border-inline-start:1px solid #bdcbd0!important;
  }
  .customs-dual-flow li::before{top:22px;right:20px}
}

/* Eight selection criteria read as one complete checklist on desktop. */
.customs-selection{grid-template-columns:1fr;gap:30px}
.customs-selection h3{max-width:18ch}
.customs-selection ul{grid-template-columns:repeat(8,minmax(0,1fr))}
.customs-selection li{
  min-height:72px;
  padding:16px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-inline-start:1px solid #b8c8cd;
}
.customs-selection li:last-child{border-inline-end:1px solid #b8c8cd}
@media(max-width:980px){.customs-selection ul{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){
  .customs-selection ul{grid-template-columns:repeat(2,1fr)}
  .customs-selection li{min-height:64px}
}

/* Accessible two-slide before/after carousel. */
.customs-flow-carousel{margin-top:68px;overflow:hidden}
.customs-flow-toolbar{
  min-height:48px;
  margin-bottom:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #bdcbd0;
}
.customs-flow-toolbar p{margin:0;color:#4f93a4;font:700 11px/1 Arial,sans-serif;direction:ltr}
.customs-flow-toolbar>div{display:flex;gap:8px;padding-bottom:12px}
.customs-flow-toolbar button{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #9fb3ba;
  background:transparent;
  color:#071117;
  font:28px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease;
}
.customs-flow-toolbar button:hover{background:#071117;border-color:#071117;color:#fff}
.customs-flow-toolbar button:focus-visible{outline:3px solid #4ca8c4;outline-offset:3px}
.customs-dual-flow{
  display:flex;
  gap:0;
  margin-top:0;
  direction:ltr;
  transform:translateX(calc(var(--flow-index,0) * -100%));
  transition:transform 280ms ease;
}
.customs-dual-flow article{
  flex:0 0 100%;
  min-width:100%;
  direction:rtl;
  opacity:.32;
  transition:opacity 220ms ease;
}
.customs-dual-flow article.is-active{opacity:1}
.customs-flow-progress{height:2px;margin-top:28px;background:#d4dfe2;overflow:hidden}
.customs-flow-progress i{
  display:block;
  width:50%;
  height:100%;
  background:#4ca8c4;
  transform:translateX(calc(var(--flow-index,0) * 100%));
  transition:transform 280ms ease;
}

/* Give the enquiry checklist distinct reading beats. */
.customs-inquiry-intro{margin-bottom:clamp(64px,7vw,96px)}
.customs-inquiry-intro>span{margin-top:14px}
.customs-inquiry .customs-enquiry-route{margin:0 0 clamp(64px,7vw,94px)}
.customs-enquiry-route li{padding:32px 30px}
.customs-enquiry-board>section{padding:clamp(38px,4.2vw,58px)}
.customs-enquiry-board h3{margin:36px 0 32px}
.customs-enquiry-board li{padding:19px 0}

@media(max-width:700px){
  .customs-flow-carousel{margin-top:48px}
  .customs-flow-toolbar{margin-bottom:18px}
  .customs-dual-flow ol{grid-template-columns:1fr!important}
  .customs-inquiry-intro{margin-bottom:48px}
  .customs-inquiry .customs-enquiry-route{margin-bottom:52px}
  .customs-enquiry-board>section{padding:34px 22px}
}
@media(prefers-reduced-motion:reduce){
  .customs-dual-flow,.customs-flow-progress i{transition:none}
}

/* Refined journey cards: each route is a slide; its steps form a tactile card rail. */
.customs-flow{padding-block:clamp(72px,8vw,112px)}
.customs-flow-copy{grid-template-columns:.28fr 1fr .72fr}
.customs-flow-carousel{margin-top:clamp(48px,5vw,72px)}
.customs-dual-flow article{
  padding:clamp(24px,3vw,38px);
  border:1px solid #c7d3d7;
  background:#eaf0f2;
}
.customs-dual-flow article>span{
  width:max-content;
  margin:0 0 26px;
  padding:9px 13px;
  border-inline-start:3px solid #4ca8c4;
  background:#fff;
  color:#347f94;
  font-size:12px;
}
.customs-dual-flow ol{
  display:flex!important;
  gap:16px;
  padding:0 0 12px!important;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  border:0!important;
  cursor:grab;
}
.customs-dual-flow ol:active{cursor:grabbing}
.customs-dual-flow ol::-webkit-scrollbar{display:none}
.customs-dual-flow li{
  flex:0 0 calc((100% - 40px)/3.35);
  min-height:260px!important;
  padding:96px 26px 28px!important;
  align-items:flex-end;
  overflow:hidden;
  border:1px solid #c3d0d4!important;
  background:#fff;
  font-family:Abar,"NIKCO UI",sans-serif;
  font-size:clamp(27px,2.35vw,38px);
  font-weight:850;
  line-height:1.22;
  letter-spacing:-.025em;
  scroll-snap-align:start;
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease;
}
.customs-dual-flow li{justify-content:flex-start;text-align:right}
.customs-dual-flow li:first-child{
  background:#0b1a22;
  border-color:#0b1a22!important;
  color:#fff;
}
.customs-dual-flow li:hover{transform:translateY(-5px);border-color:#4ca8c4!important}
.customs-dual-flow li::before{
  top:25px;
  right:25px;
  z-index:1;
  font-size:12px;
}
.customs-dual-flow li::after,
.customs-dual-flow li:not(:last-child)::after{
  content:counter(flow,decimal-leading-zero)!important;
  position:absolute;
  left:-.06em;
  top:-.18em;
  z-index:0;
  width:auto;
  height:auto;
  display:block;
  background:transparent;
  color:rgba(76,168,196,.09);
  font:800 150px/.9 Arial,sans-serif;
  pointer-events:none;
}
.customs-dual-flow li:first-child::after{color:rgba(255,255,255,.055)}
.customs-flow-toolbar{margin-bottom:18px}
.customs-flow-progress{margin-top:18px}

@media(max-width:900px){
  .customs-dual-flow li{flex-basis:calc((100% - 16px)/2.15)}
}
@media(max-width:620px){
  .customs-flow-copy{grid-template-columns:1fr;gap:22px}
  .customs-dual-flow article{padding:20px}
  .customs-dual-flow li{
    flex-basis:86%;
    min-height:230px!important;
    padding:88px 22px 24px!important;
    border:1px solid #c3d0d4!important;
    font-size:clamp(28px,8vw,36px);
  }
}

/* Each operational route owns its carousel and controls. */
.customs-dual-flow{
  display:grid;
  grid-template-columns:1fr;
  gap:42px;
  transform:none;
  direction:rtl;
}
.customs-dual-flow article{
  min-width:0;
  width:100%;
  opacity:1;
}
.customs-route-toolbar{
  min-height:58px;
  margin-bottom:24px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.customs-route-toolbar>span{
  width:max-content;
  padding:10px 14px;
  border-inline-start:3px solid #4ca8c4;
  background:#fff;
  color:#347f94;
  font:700 12px/1 Arial,sans-serif;
}
.customs-route-toolbar p{margin:0;color:#4f93a4;font:700 11px/1 Arial,sans-serif;direction:ltr}
.customs-route-toolbar>div{display:flex;gap:8px;direction:ltr}
.customs-route-toolbar button{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #9fb3ba;
  background:#fff;
  color:#071117;
  font:28px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background-color 180ms ease,color 180ms ease,opacity 180ms ease;
}
.customs-route-toolbar button:hover:not(:disabled){background:#071117;color:#fff}
.customs-route-toolbar button:focus-visible{outline:3px solid #4ca8c4;outline-offset:3px}
.customs-route-toolbar button:disabled{opacity:.3;cursor:not-allowed}
.customs-dual-flow li:first-child:not(.is-active){background:#fff;color:#071117;border-color:#c3d0d4!important}
.customs-dual-flow li.is-active{background:#0b1a22;border-color:#0b1a22!important;color:#fff}
.customs-dual-flow li:first-child:not(.is-active)::after{color:rgba(76,168,196,.09)}
.customs-dual-flow li.is-active::after{color:rgba(255,255,255,.055)}
.customs-step-progress{height:3px;margin-top:16px;background:#d3dfe2;overflow:hidden}
.customs-step-progress i{
  display:block;
  width:100%;
  height:100%;
  background:#4ca8c4;
  transform:scaleX(.1667);
  transform-origin:right center;
  transition:transform 240ms ease;
}
@media(max-width:620px){
  .customs-dual-flow{gap:28px}
  .customs-route-toolbar{grid-template-columns:1fr auto;gap:16px}
  .customs-route-toolbar p{grid-row:2;grid-column:1}
  .customs-route-toolbar>div{grid-row:1 / 3;grid-column:2}
}

/* Enquiry groups need full reading width, not three compressed columns. */
.customs-enquiry-board{
  grid-template-columns:1fr;
  gap:24px;
  background:transparent;
}
.customs-enquiry-board>section{
  display:block;
  padding:clamp(40px,5vw,68px);
  border:1px solid #c3cfd3;
  background:#edf2f3;
}
.customs-enquiry-board>section:last-child{border:1px solid #c3cfd3}
.customs-enquiry-board h3{
  max-width:16ch;
  margin:24px 0 42px;
  font-size:clamp(32px,3.2vw,48px);
}
.customs-enquiry-board ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(34px,5vw,76px);
}
.customs-enquiry-board li{
  min-height:94px;
  padding:23px 0;
}
.customs-enquiry-board li strong{
  margin-bottom:9px;
  font-size:clamp(19px,1.6vw,23px);
}
.customs-enquiry-board li span{max-width:48ch;font-size:15px;line-height:1.9}
.customs-enquiry-help{
  margin:40px 0 0;
  padding:32px clamp(26px,3vw,42px);
}
@media(max-width:700px){
  .customs-enquiry-board{gap:16px}
  .customs-enquiry-board>section{padding:34px 22px}
  .customs-enquiry-board ul{grid-template-columns:1fr}
  .customs-enquiry-board li{min-height:auto;padding:20px 0}
  .customs-enquiry-help{margin:30px 0 0;padding:26px 22px}
}

/* Balanced enquiry board: roomy without turning each group into a full screen. */
.customs-enquiry-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.customs-enquiry-board>section{padding:clamp(30px,3.3vw,46px)}
.customs-enquiry-board>section:nth-child(3){grid-column:1 / -1}
.customs-enquiry-board h3{
  margin:20px 0 30px;
  font-size:clamp(29px,2.7vw,40px);
}
.customs-enquiry-board ul{column-gap:clamp(24px,3vw,46px)}
.customs-enquiry-board>section:nth-child(-n+2) ul{grid-template-columns:1fr}
.customs-enquiry-board>section:nth-child(3) ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.customs-enquiry-board li{min-height:76px;padding:18px 22px}
.customs-enquiry-board li strong{font-size:clamp(18px,1.4vw,21px)}
.customs-enquiry-help{margin-top:30px;padding:26px 30px}
@media(max-width:900px){
  .customs-enquiry-board{grid-template-columns:1fr}
  .customs-enquiry-board>section:nth-child(3){grid-column:auto}
}
@media(max-width:620px){
  .customs-enquiry-board>section{padding:30px 20px}
  .customs-enquiry-board ul{grid-template-columns:1fr}
  .customs-enquiry-board>section:nth-child(3) ul{grid-template-columns:1fr}
  .customs-enquiry-board li{min-height:auto;padding-inline:16px}
  .customs-enquiry-help{padding:24px 20px}
}

/* Complete origin-to-destination manifest. All steps stay visible at once. */
#customs-flow.customs-flow{
  padding:clamp(76px,8vw,116px) clamp(24px,6vw,96px);
  overflow:hidden;
  background:#f3f6f7;
  color:#071117;
}
#customs-flow .customs-flow-copy{
  display:grid;
  grid-template-columns:minmax(120px,.28fr) minmax(360px,1fr) minmax(260px,.62fr);
  gap:clamp(28px,4vw,64px);
  align-items:start;
}
#customs-flow .customs-flow-copy>p:first-child{
  margin:12px 0 0;
  color:#347f94;
  font:700 11px/1.25 Arial,sans-serif;
  letter-spacing:.08em;
  direction:ltr;
  text-align:right;
}
#customs-flow .customs-flow-copy h2{
  max-width:15ch;
  margin:0;
  color:#071117;
  font:850 clamp(38px,4.3vw,66px)/1.18 Abar,"NIKCO UI",sans-serif;
  letter-spacing:-.035em;
}
#customs-flow .customs-flow-note{
  max-width:none;
  margin:8px 0 0;
  padding:22px 0 0;
  display:grid;
  gap:9px;
  border:0;
  border-top:3px solid #4ca8c4;
  color:#52666e;
  line-height:1.9;
}
#customs-flow .customs-flow-note strong{
  color:#071117;
  font-size:14px;
}
#customs-flow .customs-flow-note span{font-size:15px}

#customs-flow .customs-journey{
  margin-top:clamp(48px,6vw,80px);
  border:1px solid #b9c9ce;
  background:#e9eff1;
  box-shadow:0 20px 70px rgba(7,17,23,.07);
}
#customs-flow .customs-journey-phase{
  padding:clamp(28px,3vw,42px);
  background:#f9fbfb;
}
#customs-flow .customs-journey-phase>header{
  margin-bottom:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
}
#customs-flow .customs-journey-phase>header div{display:grid;gap:8px}
#customs-flow .customs-journey-phase>header span{
  color:#347f94;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.08em;
}
#customs-flow .customs-journey-phase>header h3{
  margin:0;
  color:#071117;
  font:850 clamp(27px,2.6vw,38px)/1.15 Abar,"NIKCO UI",sans-serif;
}
#customs-flow .customs-journey-phase>header p{
  margin:0 0 4px;
  color:#5b6e75;
  font-size:13px;
}
#customs-flow .customs-journey-phase>header p b{
  margin-inline-end:4px;
  color:#071117;
  font:800 24px/1 Arial,sans-serif;
}
#customs-flow .customs-journey-phase ol{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  margin:0!important;
  padding:0!important;
  overflow:visible;
  border:1px solid #bfccd0!important;
  background:#fff;
  list-style:none;
  cursor:default;
}
#customs-flow .customs-journey-phase li{
  min-width:0;
  min-height:180px!important;
  padding:22px 18px 20px!important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  overflow:visible;
  border:0!important;
  border-inline-start:1px solid #d3dde0!important;
  background:#fff;
  color:#071117;
  font-family:"NIKCO UI",sans-serif;
  text-align:right;
  transform:none!important;
  scroll-snap-align:none;
}
#customs-flow .customs-journey-phase li:first-child{border-inline-start:0!important}
#customs-flow .customs-journey-phase li::before,
#customs-flow .customs-journey-phase li::after{content:none!important}
#customs-flow .customs-journey-phase li>span{
  margin-bottom:auto;
  color:#347f94;
  font:800 11px/1 Arial,sans-serif;
  direction:ltr;
  text-align:right;
}
#customs-flow .customs-journey-phase li>strong{
  min-height:2.9em;
  display:flex;
  align-items:flex-end;
  color:#071117;
  font:850 clamp(18px,1.35vw,22px)/1.45 Abar,"NIKCO UI",sans-serif;
}
#customs-flow .customs-journey-phase li>small{
  margin-top:10px;
  color:#61747b;
  font:500 12px/1.75 "NIKCO UI",sans-serif;
}
#customs-flow .customs-journey-phase--destination{background:#edf2f3}
#customs-flow .customs-journey-phase--destination ol{border-color:#aebfc4!important}
#customs-flow .customs-journey-phase--destination li{background:#f7f9f9}

#customs-flow .customs-journey-transfer{
  min-height:104px;
  padding:0 clamp(28px,5vw,72px);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  background:#dfe8ea;
}
#customs-flow .customs-journey-transfer>span{
  height:1px;
  position:relative;
  background:#8da5ad;
}
#customs-flow .customs-journey-transfer>span::after{
  content:"";
  width:7px;
  height:7px;
  position:absolute;
  top:50%;
  border-top:1px solid #58747e;
  border-left:1px solid #58747e;
  transform:translateY(-50%) rotate(-45deg);
}
#customs-flow .customs-journey-transfer>span:first-child::after{left:0}
#customs-flow .customs-journey-transfer>span:last-child::after{right:0;transform:translateY(-50%) rotate(135deg)}
#customs-flow .customs-journey-transfer>div{
  min-width:210px;
  padding:17px 28px 16px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:18px;
  align-items:center;
  background:#071117;
  color:#fff;
  box-shadow:inset 0 -3px #4ca8c4;
}
#customs-flow .customs-journey-transfer small{
  grid-column:1;
  grid-row:1;
  color:#75c1d6;
  font:700 9px/1 Arial,sans-serif;
  letter-spacing:.08em;
}
#customs-flow .customs-journey-transfer strong{
  grid-column:1;
  grid-row:2;
  margin-top:6px;
  font:850 24px/1.15 Abar,"NIKCO UI",sans-serif;
}
#customs-flow .customs-journey-transfer em{
  grid-column:2;
  grid-row:1 / 3;
  padding-inline-start:18px;
  border-inline-start:1px solid #31434b;
  color:#b7c7cc;
  font:500 11px/1.6 "NIKCO UI",sans-serif;
  font-style:normal;
}

@media(max-width:1050px){
  #customs-flow .customs-flow-copy{grid-template-columns:1fr 2fr}
  #customs-flow .customs-flow-copy h2{max-width:18ch}
  #customs-flow .customs-flow-note{grid-column:2}
  #customs-flow .customs-journey-phase li{min-height:166px!important;padding:18px 14px!important}
  #customs-flow .customs-journey-phase li>strong{font-size:18px}
  #customs-flow .customs-journey-phase li>small{font-size:11px}
}

@media(max-width:860px){
  #customs-flow.customs-flow{padding:68px 20px}
  #customs-flow .customs-flow-copy{grid-template-columns:1fr;gap:18px}
  #customs-flow .customs-flow-copy>p:first-child{margin:0;text-align:left}
  #customs-flow .customs-flow-copy h2{max-width:13ch;font-size:clamp(38px,10.5vw,50px)}
  #customs-flow .customs-flow-note{grid-column:auto;margin-top:12px}
  #customs-flow .customs-journey{margin-top:42px}
  #customs-flow .customs-journey-phase{padding:26px 20px}
  #customs-flow .customs-journey-phase>header{align-items:start}
  #customs-flow .customs-journey-phase>header p{max-width:90px;text-align:left}
  #customs-flow .customs-journey-phase ol{grid-template-columns:1fr!important;border:0!important;background:transparent}
  #customs-flow .customs-journey-phase li,
  #customs-flow .customs-journey-phase li:first-child{
    min-height:0!important;
    padding:18px 58px 18px 0!important;
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    border:0!important;
    border-bottom:1px solid #cad6d9!important;
    background:transparent;
  }
  #customs-flow .customs-journey-phase li:last-child{border-bottom:0!important}
  #customs-flow .customs-journey-phase li>span{
    width:38px;
    height:38px;
    margin:0;
    position:absolute;
    top:20px;
    right:0;
    display:grid;
    place-items:center;
    border:1px solid #9fb4ba;
    background:#fff;
    text-align:center;
  }
  #customs-flow .customs-journey-phase li>strong{min-height:0;font-size:20px}
  #customs-flow .customs-journey-phase li>small{margin-top:5px;font-size:12px}
  #customs-flow .customs-journey-transfer{min-height:126px;padding:0 20px;gap:12px}
  #customs-flow .customs-journey-transfer>div{min-width:0;padding:17px 20px;grid-template-columns:1fr}
  #customs-flow .customs-journey-transfer em{display:none}
}

/* Hero unification pass: full viewport and slightly clearer photography. */
.customs-hero{min-height:min(900px,92svh)}
.customs-hero::before{background:linear-gradient(180deg,rgba(4,12,17,.58),transparent 34%),linear-gradient(90deg,rgba(4,12,17,.86),rgba(4,12,17,.72) 38%,rgba(4,12,17,.18) 72%,rgba(4,12,17,.46)),linear-gradient(0deg,rgba(7,17,23,.88),transparent 32%)}
@media(max-width:980px){.customs-hero{min-height:830px}.customs-hero::before{background:linear-gradient(0deg,rgba(4,12,17,.9),rgba(4,12,17,.66) 55%,rgba(4,12,17,.3))}}

/* Keep the oversized hero label inside its own desktop grid column. */
@media(min-width:981px){
  .customs-page .customs-hero-index{
    min-width:0;
    max-width:100%;
  }
  .customs-page .customs-hero-index span{
    display:block;
    font-size:clamp(62px,7vw,104px);
    line-height:.82;
    white-space:nowrap;
  }
}

/* Connector arrows crowd the enquiry cards on tablet and mobile layouts. */
@media(max-width:980px){
  .customs-page .customs-enquiry-route li::after{
    content:none!important;
    display:none!important;
  }
}
.customs-hero{background-image:url("../../../optimized/static/assets/editorial/warehouse-hero-1600.webp"),url("../../../optimized/static/assets/editorial/warehouse-hero-preview.webp");background-position:center 48%,center 48%;background-size:cover,cover;background-repeat:no-repeat}