/* Brand and presentation layer. Business calculations remain in the core assets. */
:root{--navy:#122c4c;--ink:#192f47;--muted:#586a7a;--cream:#f4f6f8;--line:#dce4eb;--orange:#edb778;--teal:#176395}
html{scroll-padding-top:105px}
body{font-size:15px}
.noscript-note{margin:0;background:#eef4fa;padding:16px 24px;font-size:13px;text-align:center;line-height:1.9}.noscript-note a{color:var(--teal);text-decoration:underline;margin-left:10px}
.container{max-width:1240px}
.site-header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 16px #142d4908}
.header-inner{min-height:92px;gap:24px}
.brand{min-width:0;gap:10px;flex-shrink:0}
.brand img.brand-logo{width:70px;height:70px;object-fit:contain;flex-shrink:0}
.brand strong{font-size:18px;letter-spacing:.2px}
.brand small{font-size:10px;letter-spacing:1.6px;margin-top:5px}
.header-nav{gap:24px;font-size:13px;white-space:nowrap}
.header-nav a:not(.button):hover{color:var(--teal)}
.language-switch{border:1px solid var(--line);border-radius:30px;padding:2px 5px;gap:1px;background:#f7f9fb}
.language-switch button{min-height:38px;min-width:36px;border-radius:24px;font-size:12px}
.language-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #122c4c10}
.language-switch>span{display:none}
.button{min-height:48px;border-radius:7px;font-size:14px;gap:20px;letter-spacing:.1px}
.button-small{min-height:42px}
.button-orange{box-shadow:0 3px 12px #10233b10}
.button-orange:hover{background:#f5c890}
.mobile-menu{display:none;position:relative;font-size:13px}
.mobile-menu>summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:7px;min-height:44px;display:flex;align-items:center}
.mobile-menu>summary::-webkit-details-marker{display:none}
.mobile-menu>summary:after{content:'⌄';padding-left:7px;font-size:15px}
.mobile-menu[open]>summary{background:var(--navy);color:#fff;border-color:var(--navy)}
.mobile-menu>nav{position:absolute;right:0;top:calc(100% + 12px);width:240px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #10233b22;max-height:calc(100dvh - 180px);overflow:auto;white-space:normal}
.mobile-menu>nav>a{display:block;padding:13px 15px;min-height:48px;border-radius:7px;line-height:1.5}
.mobile-menu>nav>a:hover,.mobile-menu>nav>a:focus-visible{background:#eef4f9;color:var(--teal)}
.mobile-menu>summary:focus-visible,.guide-details>summary:focus-visible{outline:3px solid #c48237;outline-offset:4px}
.hero{background:linear-gradient(120deg,#122c4c 0%,#173858 64%,#194d6b 100%)}
.hero:after{background:none;border:0}
.hero-grid{grid-template-columns:1.03fr 1fr;gap:52px;padding-top:64px;padding-bottom:66px}
.hero h1{font-size:44px;line-height:1.35;letter-spacing:.2px;margin-bottom:22px}
.accent-text{color:#b9d6e8}
.hero-copy>.eyebrow{font-size:11px;color:#bad1df;letter-spacing:2px;margin-bottom:22px}
.hero-description{font-size:15px;line-height:1.9;max-width:500px;color:#d0dde7;margin-bottom:21px}
.hero-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 28px}
.hero-tags li{padding:5px 11px;border:1px solid #6e90ac65;border-radius:30px;color:#dce7ef;background:#ffffff06;font-size:12px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-actions>.button{padding:15px 22px;min-height:54px}
.hero-secondary{background:transparent;color:#fff;border-color:#a4bdd278;box-shadow:none}
.hero-secondary:hover{background:#ffffff0e;border-color:#b9cddb}
.hero-resource-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-size:13px;color:#d1e0eb}
.hero-resource-links a{padding:3px 0;border-bottom:1px solid #7c9aae66}
.hero-resource-links a:hover{color:var(--orange)}
.hero-note{font-size:11px;letter-spacing:.5px;color:#adc3d4;margin-top:17px}
.hero-visual.hero-photo{width:100%;max-width:none;position:relative;margin:0;padding:0;border-radius:16px;background:#fff;box-shadow:0 18px 50px #07152b36;overflow:hidden;border:1px solid #8eacc54d}
.hero-photo>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#dfe8ef}
.hero-photo-badge{position:absolute;left:16px;top:16px;padding:5px 9px;border-radius:5px;background:#102642dd;color:#fff;font-size:10px;letter-spacing:.3px}
.hero-route{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:14px;align-items:center;padding:23px 25px;color:var(--navy)}
.hero-route>div>small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:6px}
.hero-route strong{display:block;font-size:17px;line-height:1.5;font-weight:650}
.hero-route>div>span{display:block;font-size:10px;letter-spacing:.5px;color:var(--muted);margin-top:5px}
.route-arrow{color:#3275a0;font-size:27px}
.quick-services{padding-top:30px;padding-bottom:32px;gap:16px}
.quick-services>a{grid-template-columns:32px minmax(0,1fr);padding:22px 19px;border-radius:10px;min-height:102px;box-shadow:0 3px 15px #122c4c03}
.quick-services>a:hover{background:#f8fbfe;border-color:#6b9abc;box-shadow:0 5px 20px #122c4c08}
.quick-symbol{width:30px;height:30px;display:grid;place-items:center;background:#edf4fa;border-radius:7px;font-size:11px;grid-row:span 2}
.quick-services strong{font-size:15px}
.quick-services small{font-size:12px}
.section-heading h2{font-size:29px;line-height:1.45;font-weight:700}
.section-heading>p{font-size:13px;line-height:1.8;max-width:390px}
.dark-eyebrow,.small-label{font-size:10px;letter-spacing:1.5px}
.service-overview{padding-top:22px;padding-bottom:56px;scroll-margin-top:20px}
.service-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.service-overview-item{padding:28px 28px 26px;display:flex;flex-direction:column;min-width:0}
.service-overview-item+.service-overview-item{border-left:1px solid var(--line)}
.service-type{display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-size:12px;letter-spacing:1px;font-weight:650;gap:12px}
.service-type span{font-size:11px;color:#849aaa;letter-spacing:0}
.service-overview-item h3{font-size:21px;margin:19px 0 12px;line-height:1.5}
.service-overview-item p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 24px}
.service-overview-item>a{margin-top:auto;font-size:13px;color:var(--teal);display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid var(--line);min-height:44px}
.service-overview-item>a:hover{color:var(--navy)}
.process-strip{background:#eaf0f5;border-top:1px solid #dce6ee;border-bottom:1px solid #dce6ee}
.process-grid{padding-top:25px;padding-bottom:25px}
.process-grid strong{font-size:14px}
.process-grid small{font-size:12px;line-height:1.7}
.step-number{font-family:inherit;font-style:normal;font-size:24px;font-weight:600;color:#718fa6}
.inquiry-section{padding-top:62px;padding-bottom:56px}
.form-card,.warehouse-card,.utility-card,.summary-card{border-radius:12px;border-color:var(--line);box-shadow:0 4px 20px #142d4903}
.form-card{padding:30px;margin-bottom:20px}
legend{font-size:17px;padding-bottom:24px}
legend small{font-size:10px;color:#6b8295}
label,.field-label{font-size:13px;line-height:1.6;margin-bottom:9px}
label small{font-size:11px;color:#657b8e}
input,select,textarea{font-size:14px;min-height:48px;padding:12px 14px;border-color:#cbd7e2;border-radius:7px}
input::placeholder,textarea::placeholder{font-size:13px;color:#718599}
.input-unit>span{font-size:12px;top:14px;color:#60768c}
.select-wrap:after{top:20px}
.field-hint,.field-error,.aside-note,.privacy-note,.submit-hint{font-size:12px;line-height:1.8}
.service-options label{font-size:13px;padding:11px 15px;min-height:46px}
.service-options input{min-height:0;width:15px;height:15px}
.legend-icon{width:30px;height:30px;background:#edf4fa}
.route-card{border-radius:12px;padding:28px;background:linear-gradient(145deg,#142f50,#1e4d6d)}
.inquiry-aside{position:static}
.route-card>.eyebrow{font-size:10px}
.port-row strong{font-size:14px}
.port-row small{font-size:11px;line-height:1.7}
.help-card{padding:26px;background:#eaf0f5;border-radius:12px}
.help-card h3{font-size:17px}
.help-card ul{font-size:13px;line-height:1.8}
.help-tip p{font-size:12px}
.business-contact-card{border-radius:12px;padding:27px;background:#fff;border-color:var(--line)}
.business-contact-card h3{font-size:20px}
.business-contact-card>p:not(.small-label){font-size:13px;line-height:1.8}
.business-contact-card>strong{font-size:20px}
.business-contact-card .button{font-size:13px;min-height:48px}
.freight-estimate{border-radius:9px;background:#f4f8fb;border-color:#c5d9e7;padding:25px}
.estimate-heading h3{font-size:20px}
.estimate-disclaimer,.estimate-surcharge,.insurance-policy{font-size:12px;line-height:1.85}
.insurance-value-fields{gap:16px}
.button-submit{font-size:15px;min-height:54px}
.summary-intro,.summary-contact>p,.summary-disclaimer{font-size:13px;line-height:1.85}
.summary-details>div{font-size:14px}
.local-badge{font-size:11px}
.utility-section{padding-bottom:40px}
.utility-card{padding:34px}
.utility-heading h2{font-size:27px;font-weight:700}
.utility-heading>p:last-child,.rate-note,.rate-density{font-size:13px;line-height:1.9}
.rates-table{font-size:14px}
.rates-table thead th{font-size:12px}
.rates-table tbody th{font-size:14px}
.rate-line+.rate-line{font-size:12px}
.rate-service{border-radius:9px;background:#f4f7fa}
.rate-service>p,.rate-terms ol{font-size:13px;line-height:1.9}
.rate-service dl>div{font-size:14px}
.rate-terms{border-radius:9px;background:#fbf4e9}
.guide-subtitle{font-size:18px}
.calculator-notice,.calculator-row-heading h3,.calculator-breakdown>div{font-size:12px;line-height:1.8}
.company-profile{display:flow-root;position:relative}
.company-brand-logo{float:right;width:156px;height:156px;object-fit:contain;margin:-10px 0 8px 25px}
.company-profile>h2{font-size:27px;margin:7px 0 15px}
.company-profile .warehouse-details{clear:both}
.company-address-card{border-radius:12px;border-color:var(--line);padding:28px 30px}
.company-address-card h2{font-size:21px}
.company-address-card address{font-size:15px}
.warehouse-heading h2{font-size:23px;line-height:1.5}
.warehouse-badge{font-size:11px;padding:6px 10px;background:#edf4fa;white-space:normal;flex-shrink:0}
.warehouse-card address{font-size:15px;line-height:1.95}
.warehouse-details>div{font-size:14px;line-height:1.8}
.warehouse-reference-field .field-hint,.warehouse-instruction,.warehouse-native-address{font-size:12px}
.warehouse-phones a{padding:6px 0}
.warehouse-actions .button{font-size:13px}
.warehouse-jump{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 0}
.warehouse-jump>a{display:flex;align-items:center;padding:10px 15px;min-height:44px;border:1px solid #cbdce9;border-radius:30px;background:#fff;font-size:13px;color:var(--teal)}
.warehouse-jump>a:hover{background:#eaf3fa;border-color:#8db2d0}
.company-section{gap:22px;padding-bottom:45px}
.company-section>.warehouse-card+.warehouse-card{margin-top:0}
.warehouse-scenes-note{font-size:13px}
.warehouse-scene-grid img{border-radius:9px}
.warehouse-scene-grid>a,.warehouse-scene-grid figure>a{display:block;border-radius:9px}
#warehouse-scenes .warehouse-scene-grid img{aspect-ratio:16/9;object-fit:contain}
#warehouse-scenes .warehouse-scene-grid figcaption a{color:var(--navy);font-size:12px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
#warehouse-scenes .warehouse-scene-grid figure>a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.warehouse-scene-grid figcaption{font-size:14px}
.warehouse-scene-grid figcaption span{font-size:11px}
.shipping-mark-generator p.mark-note{font-size:12px;line-height:1.9}
.mark-flow h3{font-size:16px}
.mark-entry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mark-entry-fields>div{min-width:0;max-width:none;margin-top:20px}
.mark-receiving-card{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f4f8fd}
.mark-receiving-card h3{margin:0 0 10px;font-size:18px;color:var(--navy)}
.mark-receiving-card .field-hint{margin:0 0 16px;font-size:13px;line-height:1.8}
#mark-receiving-text{margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:1.9;color:var(--navy)}
#shipping-mark-result{scroll-margin-top:120px}
@media(max-width:780px){.mark-entry-fields{grid-template-columns:minmax(0,1fr);gap:0}.mark-receiving-card{padding:16px}.mark-receiving-card h3{font-size:17px}#mark-receiving-text{font-size:14px}#shipping-mark-result{scroll-margin-top:145px}}
.mark-flow li{font-size:13px;line-height:1.8}
.scope-grid p,.fee-guide>p,.fee-guide li{font-size:13px;line-height:1.9}
.scope-grid h4{font-size:17px}
.guide-details{border:1px solid var(--line);border-radius:9px;background:#f8fafc;margin:22px 0}
.guide-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:18px 22px;font-size:15px;font-weight:600;min-height:58px;line-height:1.8}
.guide-details>summary::-webkit-details-marker{display:none}
.guide-details[open]>summary{border-bottom:1px solid var(--line);color:var(--teal)}
.expand-symbol{font-size:21px;font-weight:400;color:var(--teal);flex:none;transition:transform .18s}
.guide-details[open] .expand-symbol{transform:rotate(45deg)}
.guide-body{padding:25px 22px 8px}
.operations-item,.scope-grid article{border-radius:9px;background:#f6f8fb}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:15px;padding:21px 0;line-height:1.8}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'＋';font-size:20px;font-weight:400;color:var(--teal);flex-shrink:0}
.faq-list details[open]>summary:after{content:'−'}
.faq-list details>p{font-size:14px;line-height:1.95;margin-bottom:23px}
.contact-close{margin-top:18px;background:linear-gradient(120deg,#122c4c,#204a68);color:#fff}
.contact-close-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:48px;padding-bottom:48px}
.contact-close h2{font-size:28px;line-height:1.55;margin:0 0 10px}
.contact-close .eyebrow{font-size:10px;color:#b9d0e0;letter-spacing:1.8px;margin-bottom:14px}
.contact-close p:not(.eyebrow){font-size:14px;color:#c8d8e4;margin:0;line-height:1.85}
.contact-close-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
footer{background:#fff;border:0}
.footer-main{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:54px;padding-top:40px;padding-bottom:36px}
.footer-brand img{display:block;width:78px;height:78px;object-fit:contain;margin-bottom:8px}
.footer-brand strong{display:block;font-size:18px;line-height:1.6}
.footer-brand p{font-size:12px;color:var(--muted);line-height:1.85;margin:12px 0 0;max-width:300px}
.footer-main h3{font-size:14px;margin:10px 0 20px;font-weight:650}
.footer-main nav>a{display:block;font-size:13px;padding:6px 0;color:var(--muted)}
.footer-main nav>a:hover,.footer-contact a:hover{color:var(--teal)}
.footer-contact>span{display:block;font-size:11px;color:var(--muted);margin-top:10px}
.footer-contact>a,.footer-contact>strong{display:block;font-size:13px;padding:4px 0;font-weight:500}
.footer-inner{border-top:1px solid var(--line);padding-top:22px;padding-bottom:22px;font-size:12px;justify-content:space-between}
.footer-inner>p{font-size:12px;line-height:1.8;margin:0}
.footer-inner>div{display:flex;gap:25px;font-size:12px}
.admin-entry{font-size:12px;margin:0;color:var(--muted)}
.mobile-contact-bar .button{font-size:13px}
.wechat-dialog>p,.wechat-dialog>.copy-status{font-size:13px;line-height:1.8}
html[lang=en] .hero h1{font-size:44px;line-height:1.2;letter-spacing:-.5px}
html[lang=en] .brand strong{font-size:16px}
@media(max-width:1100px){.header-nav{gap:17px}.header-nav>.desktop-nav{display:none}.mobile-menu{display:block}.hero-grid{gap:32px}.hero h1,html[lang=en] .hero h1{font-size:37px}.inquiry-layout{grid-template-columns:minmax(0,1fr) 285px;gap:24px}.contact-close-inner{gap:28px}.contact-close-actions{flex-shrink:1}.contact-close h2{font-size:25px}.hero-route{padding:20px}.service-overview-item{padding:25px 23px}}
@media(max-width:780px){
  .container{padding-left:24px;padding-right:24px}
  .header-inner{min-height:84px;gap:12px}.header-nav{gap:10px}.header-nav>.button{display:none}.header-nav>a:first-child{display:none}
  .brand img.brand-logo{width:60px;height:60px}.brand strong{font-size:16px}.brand small{font-size:8px;letter-spacing:1.1px}.brand{gap:5px}
  .hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:40px;gap:35px}.hero-copy{max-width:none}
  .hero h1,html[lang=en] .hero h1{font-size:37px}.hero-description{font-size:15px;max-width:590px}.hero-note{font-size:11px}
  .hero-visual.hero-photo{max-width:590px;margin:0 auto}.hero-route{padding:19px 23px}.hero-route strong{font-size:17px}
  .quick-services{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:24px;padding-bottom:26px;gap:12px}
  .quick-services>a{padding:20px 16px;min-height:106px}.quick-services strong{font-size:14px}.quick-services small{font-size:12px}
  .service-overview{padding-top:10px;padding-bottom:35px}.service-overview-grid{grid-template-columns:1fr}.service-overview-item{padding:23px 25px}.service-overview-item+.service-overview-item{border-left:0;border-top:1px solid var(--line)}.service-overview-item h3{margin-top:12px;font-size:20px}.service-overview-item p{margin-bottom:16px}
  .section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:26px}.section-heading>p{font-size:13px;margin-top:12px;max-width:none}
  .process-grid{gap:18px}.process-grid strong{font-size:13px}.process-grid small{font-size:11px}.step-number{font-size:21px}
  .inquiry-section{padding-top:38px;padding-bottom:38px}.inquiry-layout{grid-template-columns:1fr;gap:22px}.inquiry-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-aside .business-contact-card{display:block;grid-column:1/-1;padding:25px}.inquiry-aside .business-contact-card .button{min-height:48px}
  .form-card{padding:26px}input,select,textarea{font-size:16px;min-height:48px}.service-options input{min-height:0}.service-options label{font-size:13px}
  .utility-card,.warehouse-card{padding:26px}.utility-heading h2{font-size:25px}.utility-heading>p:last-child{font-size:13px}.warehouse-heading h2{font-size:22px}.warehouse-card address{font-size:14px}.warehouse-details>div{font-size:14px}.company-address-card address{font-size:14px}
  .company-brand-logo{width:132px;height:132px}.company-profile>h2{font-size:25px}.company-profile>p[data-i18n]{font-size:14px}
  .warehouse-jump{gap:8px}.warehouse-jump>a{font-size:12px;padding:10px 13px}.warehouse-scenes-note{font-size:12px}.warehouse-scene-grid figcaption{font-size:14px}
  .mark-controls{grid-template-columns:110px minmax(0,1fr)}.mark-controls>.button{max-width:none}.mark-length select{font-size:16px}.mark-flow li{font-size:13px}
  .guide-details>summary{font-size:14px;padding:16px 18px}.guide-body{padding:22px 18px 7px}.faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}
  .contact-close-inner{display:block;padding-top:34px;padding-bottom:34px}.contact-close h2{font-size:25px}.contact-close-actions{margin-top:25px}.contact-close-actions .button{font-size:14px}
  .footer-main{grid-template-columns:1.1fr 1fr;gap:28px;padding-top:28px;padding-bottom:28px}.footer-brand{grid-column:1/-1}.footer-brand img{float:left;margin:0 14px 0 0}.footer-brand p{max-width:none;margin:9px 0 0}.footer-inner{gap:14px}.footer-inner>p{order:0;width:auto;margin:0}
  .mobile-contact-bar{padding-left:20px;padding-right:20px}.mobile-contact-bar .button{min-height:50px;font-size:13px}
}
@media(max-width:480px){
  html{scroll-padding-top:108px}.container{padding-left:18px;padding-right:18px}
  .header-inner{min-height:104px;position:relative;align-items:flex-start;gap:6px;padding-top:10px;padding-bottom:10px}.brand{align-items:center;gap:4px;max-width:100%}.brand img.brand-logo{width:54px;height:54px}.brand strong{font-size:15px;line-height:1.5}.brand small{font-size:7px;letter-spacing:1px;margin-top:3px}html[lang=en] .brand strong{font-size:15px}
  .header-nav{position:absolute;right:18px;bottom:10px;gap:9px}.mobile-menu{font-size:12px;position:static}.mobile-menu>summary{min-height:36px;padding:6px 10px}.language-switch{padding:1px 4px}.language-switch button{min-height:32px;min-width:32px;font-size:11px}.mobile-menu>nav{right:0;width:min(280px,calc(100vw - 36px));top:calc(100% + 10px)}
  .hero-grid{padding-top:34px;padding-bottom:32px;gap:28px}.hero h1,html[lang=en] .hero h1{font-size:clamp(28px,7.5vw,32px);line-height:1.4}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:18px}.hero-description{font-size:14px;line-height:1.9}.hero-tags{margin-bottom:22px;gap:6px}.hero-tags li{font-size:11px;padding:4px 9px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions>.button{font-size:12px;padding:13px 10px;gap:8px;min-height:49px}.hero-resource-links{font-size:12px;gap:22px;margin-top:18px}.hero-note{font-size:11px;letter-spacing:0;line-height:1.8}
  .hero-visual.hero-photo{border-radius:11px}.hero-route{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;padding:16px}.hero-route strong{font-size:14px}.hero-route>div>small{font-size:8px}.hero-route>div>span{font-size:9px}.route-arrow{font-size:23px}.hero-photo-badge{left:12px;top:12px;font-size:9px}
  .quick-services>a{grid-template-columns:1fr;padding:16px 14px;gap:7px;min-height:130px}.quick-symbol{grid-row:auto;width:27px;height:27px}.quick-services strong{font-size:14px}.quick-services small{font-size:11px;line-height:1.6}
  .section-heading h2{font-size:23px}.section-heading>p{font-size:13px}.service-overview-item{padding:22px}.service-overview-item p{font-size:13px}.process-grid{gap:13px;padding-top:20px;padding-bottom:20px}.process-grid>div{display:block}.step-number{font-size:19px;margin-bottom:6px;display:block}.process-grid strong{font-size:12px}.process-grid small{font-size:10px;line-height:1.75}
  .form-card{padding:23px 18px;margin-bottom:16px}legend{font-size:16px}legend small{font-size:9px}.field-grid{gap:19px}.cargo-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}.cargo-grid label{font-size:13px}.cargo-grid input{padding-left:14px;padding-right:48px}.input-unit>span{font-size:12px;right:14px;top:14px}.field-hint{font-size:12px}.service-options label{padding:10px 12px;font-size:12px}.privacy-note,.submit-hint{font-size:11px}.button-submit{font-size:14px}.inquiry-aside{display:block}.inquiry-aside .business-contact-card{padding:23px 20px;margin-top:0;margin-bottom:18px}.help-card ul{display:block;font-size:12px}.help-card li{margin:8px 0}.help-tip p{font-size:12px}.aside-note{font-size:12px;margin:16px 4px 0}
  .utility-card,.warehouse-card{padding:23px 18px}.utility-heading h2{font-size:23px}.utility-heading>p:last-child,.rate-note,.rate-density{font-size:12px}.rates-table tbody th{font-size:14px}.rates-table tbody td{font-size:13px}.rates-table td:before{font-size:11px}.rate-service dl>div{font-size:13px}.rate-service>p,.rate-terms ol{font-size:12px}.rate-terms .guide-subtitle{font-size:15px}.calculator-notice{font-size:12px}.calculator-unit{max-width:none}.calculator-row-heading h3{font-size:12px}.calculator-remove{font-size:11px}
  .summary-top h2{font-size:21px}.summary-details>div{font-size:13px;grid-template-columns:100px minmax(0,1fr)}.summary-intro,.summary-disclaimer{font-size:12px}.summary-route strong{font-size:14px}.summary-contact>p{font-size:12px}
  .warehouse-heading{gap:12px;align-items:flex-start}.warehouse-heading h2{font-size:20px}.warehouse-heading .small-label{font-size:9px;letter-spacing:1px}.warehouse-badge{font-size:10px;max-width:100px;padding:5px 8px;line-height:1.6}.warehouse-card address{font-size:14px;line-height:1.9}.warehouse-details>div,html[lang=en] .warehouse-details>div{grid-template-columns:1fr;font-size:13px;gap:5px}.warehouse-details dt{font-size:12px}.warehouse-native-address,.warehouse-instruction{font-size:12px}.warehouse-details{gap:19px}.warehouse-actions .button{font-size:13px;min-height:49px}.warehouse-jump{display:grid;grid-template-columns:1fr}.warehouse-jump>a{justify-content:space-between;border-radius:8px;font-size:13px}.warehouse-jump>a:after{content:'↗';font-size:15px}
  .company-brand-logo{width:105px;height:105px;margin:-8px 0 7px 12px}.company-profile>h2{font-size:23px}.company-profile>p[data-i18n]{font-size:13px}.company-address-card{padding:23px 18px;gap:13px}.company-address-card h2{font-size:20px}.company-address-card address{font-size:13px}.company-photo-grid{gap:22px}.warehouse-scenes-note{font-size:12px}.warehouse-scene-grid figcaption span{font-size:11px}
  .mark-controls{grid-template-columns:90px minmax(0,1fr)}.mark-prefix strong{font-size:23px}.mark-length label{font-size:13px}.mark-length select{font-size:16px}.mark-ready-badge{font-size:12px}.mark-flow li{font-size:12px}.mark-actions .button{font-size:13px}.shipping-mark-generator p.mark-note{font-size:12px}.freight-estimate{padding:20px 15px}.estimate-heading h3{font-size:18px}.estimate-disclaimer,.insurance-policy{font-size:12px}.insurance-value-fields{grid-template-columns:1fr}
  .scope-grid p,.fee-guide>p,.fee-guide li{font-size:12px}.guide-details>summary{font-size:13px;gap:14px;padding:15px}.guide-body{padding:18px 14px 5px}.operations-item p{font-size:13px}.faq-list summary{font-size:14px;padding:18px 0}.faq-list details>p{font-size:13px}.contact-close h2{font-size:23px}.contact-close p:not(.eyebrow){font-size:13px}.contact-close-actions{display:grid;grid-template-columns:1fr}.contact-close-actions .button{width:100%;min-height:50px}
  .footer-main{gap:20px}.footer-brand strong{font-size:16px}.footer-brand p{font-size:11px}.footer-main h3{font-size:13px}.footer-main nav>a,.footer-contact>a,.footer-contact>strong{font-size:12px}.footer-inner{display:block}.footer-inner>p{font-size:11px;margin:0 0 15px}.footer-inner>div{font-size:11px;justify-content:space-between}.mobile-contact-bar{padding-left:18px;padding-right:18px;gap:9px}.mobile-contact-bar .button{font-size:12px;padding:11px 8px;gap:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.expand-symbol,.button,.quick-services>a{transition:none}}

/* Customer tasks precede the reference material. */
.inquiry-section{padding-top:24px}
.customer-mark-section{padding-bottom:28px}
.customer-mark-section>.shipping-mark-generator{border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:12px;padding:34px;background:#fff;box-shadow:0 8px 28px #122c4c05}
.contact-details>summary,.directory-details>summary,.mark-history>summary{cursor:pointer;font-weight:700;color:var(--navy);line-height:1.6}
.contact-details>summary{font-size:17px;min-height:44px;display:list-item;list-style-position:inside}
.contact-details[open]>summary{margin-bottom:14px}
.contact-details fieldset{margin-top:20px}
.directory-details{margin-bottom:24px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 26px}
.directory-details>summary{padding:22px 0;font-size:17px}
.directory-details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:22px}
.directory-details .company-section{padding-top:0}
.directory-details>.warehouse-card{margin:20px 0}
.selected-warehouse-card{padding:24px;background:#f3f7fb;border:1px solid #dce8f1;border-radius:9px;margin:22px 0}
.selected-warehouse-card>h3{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 8px}
.selected-warehouse-card>strong{font-size:18px;color:var(--navy);display:block}
.selected-warehouse-card .warehouse-details{margin:12px 0 20px}
.selected-warehouse-card dd a{display:inline-block;margin-right:16px;min-height:40px;padding:9px 0;color:var(--teal)}
.selected-warehouse-card .copy-status:empty{display:none}
.estimate-scope-note{border-left:3px solid var(--teal);padding:12px 15px;background:#fff;margin:20px 0;font-size:13px;line-height:1.8}
.estimate-scope-note strong{color:var(--navy)}
.estimate-scope-note p{margin:6px 0}
.estimate-scope-note a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 0}
.mark-history{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:9px}
.mark-history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.mark-history-row strong{display:block;font-size:18px;letter-spacing:1px;color:var(--navy)}
.mark-history-row small{display:block;margin-top:6px;line-height:1.6;color:var(--muted);font-size:12px}
.mark-history-row .button{font-size:12px;white-space:normal;min-width:100px}
#mark-save-status{padding:12px 16px;background:#eef5fa;border-radius:7px}
.fee-breakdown{width:100%;border-collapse:collapse;margin:24px 0;text-align:left;font-size:13px;line-height:1.8}
.fee-breakdown caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:12px}
.fee-breakdown th,.fee-breakdown td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.fee-breakdown thead{background:#eef3f8;color:var(--navy)}
.fee-breakdown tbody th{width:23%;font-weight:600;color:var(--navy)}
.fee-breakdown .fee-status{width:24%;color:var(--teal);font-size:12px}
.fee-checklist{background:#eef4f9;padding:16px 18px;border-radius:7px;font-size:13px;line-height:1.9}
@media(max-width:780px){
  .inquiry-section{padding-top:12px}
  .inquiry-aside .route-card,.inquiry-aside .help-card,.inquiry-aside>.aside-note{display:none}
  .customer-mark-section>.shipping-mark-generator{padding:26px 20px}
  .selected-warehouse-card{padding:18px}
  .directory-details{padding:0 20px}
  .directory-details>summary,.contact-details>summary{font-size:16px}
  .fee-breakdown thead{display:none}
  .fee-breakdown tr{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 0;border-bottom:1px solid var(--line)}
  .fee-breakdown th,.fee-breakdown td{display:block;width:auto!important;padding:3px 0;border:0}
  .fee-breakdown tbody th{font-size:15px}
  .mark-history{padding:16px}
}
@media(max-width:480px){
  .customer-mark-section>.shipping-mark-generator{padding:24px 16px}
  .selected-warehouse-card{padding:16px}
  .selected-warehouse-card .button{width:100%;font-size:13px}
  .mark-history-row{align-items:flex-start;gap:10px}
  .mark-history-row .button{min-width:86px;max-width:112px;padding:10px;font-size:12px}
  .mark-history-row strong{font-size:16px}
}

.language-switch a{display:inline-flex;justify-content:center;align-items:center;min-height:38px;min-width:38px;padding:4px 8px;border-radius:24px;font-size:12px;text-decoration:none;color:var(--muted)}
.language-switch a[aria-current=page]{background:#fff;color:var(--navy);box-shadow:0 1px 5px #122c4c10;font-weight:700}
.language-switch a:focus-visible{outline:3px solid #6b9abc;outline-offset:2px}
.billing-note{font-size:12px;line-height:1.8;background:#fff;padding:12px 15px;border-radius:7px;margin:14px 0}
.estimate-delivery{margin:20px 0;border-top:1px solid var(--line);padding-top:20px}
.estimate-delivery h4{margin:0 0 16px;font-size:16px;color:var(--navy)}
.delivery-estimate-result{border-left:3px solid var(--teal);padding:13px 15px;background:#eef4fa;line-height:1.8;font-size:13px}
.delivery-estimate-result[data-state=free]{border-color:#27816b;background:#edf7f3;color:#215a4b}
.delivery-zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:22px 0;gap:12px}
.delivery-zone-list li{padding:16px 18px;background:#edf7f3;border:1px solid #d4e9df;border-radius:8px;color:#215a4b;line-height:1.7}
.delivery-zone-list strong{font-size:15px}
.delivery-zone-list small{display:block;margin-top:6px;font-size:12px;overflow-wrap:anywhere}
.delivery-zone-list.paid-zones li{background:#f3f6fa;border-color:var(--line);color:var(--ink)}
.quote-checklist{border:1px solid #dce8f1;border-radius:9px;background:#f3f7fb;padding:22px 24px;margin:20px 0}
.quote-checklist h3{font-size:17px;margin:0 0 16px;color:var(--navy)}
.quote-checklist ol{padding-left:22px;line-height:1.9;font-size:13px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.fee-status[data-fee-state=included]{color:#27816b}
.fee-status[data-fee-state=extra]{color:#98622f}
@media(max-width:780px){.quote-checklist ol{grid-template-columns:1fr;gap:10px}.quote-checklist{padding:20px}.delivery-zone-list{gap:10px}.delivery-zone-list li{padding:14px}.language-switch a{min-height:40px}}
@media(max-width:480px){.delivery-zone-list{grid-template-columns:1fr}.quote-checklist{padding:18px}.language-switch a{min-width:34px;padding:4px 6px}}
.hero-delivery-offer{display:block;color:#f4cf9f;font-size:13px;line-height:1.85;margin:0 0 22px;padding:11px 14px;border:1px solid #edb77850;border-radius:7px;background:#edb77809;text-decoration:none;overflow-wrap:anywhere}
.hero-delivery-offer:hover{background:#edb77816;color:#fff}
.hero-delivery-offer:focus-visible{outline:3px solid #f4cf9f;outline-offset:3px}
.mark-entry-fields>.mark-customer-field{grid-column:1/-1}
input[readonly]{background:#f3f6fa;color:var(--navy)}
.volume-learning{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:30px;margin:24px 0}
.box-dimension-diagram{display:block;width:100%;max-width:320px;height:auto}
.box-dimension-diagram text{font-family:inherit;font-size:13px;fill:#176395}
.volume-formulas>div{padding:15px 18px;background:#f3f7fb;border-radius:8px;margin-bottom:12px}
.volume-formulas strong{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.volume-formulas code,.example-formula{display:block;font-family:inherit;line-height:1.9;color:var(--navy);font-size:15px;overflow-wrap:anywhere}
.freight-formula{padding:17px 20px;background:#122c4c;color:#fff;border-radius:8px;font-size:16px;line-height:1.9}
.calculation-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.calculation-example{padding:23px;border:1px solid var(--line);border-radius:9px;background:#fff}
.calculation-example h4{font-size:17px;color:var(--navy);margin:0 0 15px}
.calculation-example p{line-height:1.8;font-size:13px;margin:10px 0}
.example-dimensions{color:var(--muted)}
.calculation-example .example-volume{font-weight:700;color:var(--teal)}
.example-amount{display:block;font-size:23px;color:var(--navy);line-height:1.6;margin-top:12px;overflow-wrap:anywhere}
@media(max-width:780px){.volume-learning{grid-template-columns:1fr;gap:14px}.box-dimension-diagram{max-width:280px;margin:auto}.calculation-examples{grid-template-columns:1fr}.freight-formula{font-size:14px}.calculation-example{padding:20px}.example-amount{font-size:21px}}

.fx-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.fx-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.fx-result{background:#edf7f3;border-left:3px solid #27816b;padding:20px 22px;border-radius:8px}.fx-result>span{font-size:13px;color:#376052}.fx-result>strong{display:block;font-size:clamp(23px,4vw,34px);margin:6px 0;color:#173f34;overflow-wrap:anywhere}.fx-result p{font-size:13px;margin:5px 0}.fx-grid select,.fx-grid input{width:100%;min-width:0}.fx-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.fx-grid{grid-template-columns:1fr 1fr}.fx-grid>.field:first-child{grid-column:1/-1}.fx-result{padding:18px}}

.assistant-launcher{position:fixed;right:22px;bottom:24px;z-index:25;display:flex;align-items:center;gap:9px;border:0;border-radius:28px;background:var(--navy);color:#fff;padding:14px 20px;font:inherit;font-size:14px;font-weight:600;box-shadow:0 5px 24px #102b3a30;cursor:pointer;min-height:48px}.assistant-launcher>span:first-child{color:#ffb471;font-size:22px}.assistant-launcher:hover{background:#21495d}.assistant-dialog{position:fixed;inset:auto 20px 20px auto;margin:0;padding:0;width:min(420px,calc(100vw - 32px));max-width:none;height:min(670px,calc(100dvh - 40px));max-height:none;border:1px solid #cbd9de;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 12px 70px #102b3a40;overflow:hidden}.assistant-dialog::backdrop{background:#102b3a55}.assistant-shell{height:100%;display:flex;flex-direction:column}.assistant-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:18px 20px}.assistant-heading h2{margin:0;font-size:18px;line-height:1.5}.assistant-heading p{margin:4px 0 0;font-size:11px;color:#bbd7dd}.assistant-close{padding:9px 10px;min-height:40px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:12px}.assistant-notice{font-size:11px;padding:10px 18px;margin:0;background:#f2f6f7;color:#536b76;line-height:1.6}.assistant-messages{min-height:80px;flex:1;overflow:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px}.assistant-message{max-width:95%;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.assistant-reply{align-self:flex-start;background:#f1f5f4}.assistant-question{align-self:flex-end;background:#173f52;color:#fff}.assistant-reply p{margin:0}.assistant-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;white-space:normal}.assistant-action{display:inline-block;border:1px solid #bacfc7;background:#fff;border-radius:7px;padding:8px 11px;color:#205c4b;font-weight:600;font-size:12px;min-height:40px}.assistant-topics{display:flex;gap:7px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid #e5eeee;flex-shrink:0}.assistant-topic{border:1px solid #d6e1e5;background:white;border-radius:18px;padding:8px 11px;color:#2f5966;font:inherit;font-size:11px;min-height:36px;cursor:pointer}.assistant-form{display:flex;gap:8px;padding:8px 16px 0}.assistant-form input{flex:1;min-width:0;min-height:44px;font-size:16px}.assistant-form .button{padding:10px 14px;min-height:44px;flex-shrink:0}.assistant-shell>.field-error{margin:0 16px;font-size:11px}.assistant-bottom{display:flex;align-items:center;gap:10px;padding:10px 16px 14px}.assistant-bottom p{margin:0;font-size:10px;line-height:1.5;color:#627582;flex:1}.assistant-bottom button{font:inherit;font-size:11px;border:0;background:none;padding:8px;color:#365b66;cursor:pointer;flex-shrink:0}.assistant-launcher:focus-visible,.assistant-close:focus-visible,.assistant-topic:focus-visible,.assistant-action:focus-visible,.assistant-bottom button:focus-visible{outline:3px solid #f2a66b;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.assistant-launcher{bottom:calc(88px + env(safe-area-inset-bottom));right:16px;padding:11px 16px;font-size:13px}.assistant-dialog{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;height:min(670px,calc(100dvh - 16px - env(safe-area-inset-bottom)));border-radius:14px}.assistant-heading{padding:14px 16px}.assistant-message{font-size:13px}.assistant-topics{padding:8px 12px;gap:6px}.assistant-topic{padding:7px 9px}}

/* Homepage ocean freight film */
.ocean-promo{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b2137;object-fit:cover}.ocean-promo-caption{margin:0;padding:15px 20px 6px;font-size:17px;font-weight:700;color:#142e47}.ocean-promo-caption span{font-size:11px;letter-spacing:1px}.ocean-promo-disclosure{margin:0;padding:0 20px 12px;font-size:10px;line-height:1.7;color:#62758a}