/* Corporate visual refinement: coherent scale, photography and section rhythm. */
:root{--navy:#102431;--ink:#152c3b;--muted:#5b6c76;--orange:#f29148;--line:#dce3e7;--radius:8px}
body{background:#fff}h1,h2{font-weight:560;letter-spacing:-.045em}h2{font-size:clamp(32px,3.6vw,50px);line-height:1.12}
.section{padding:88px 0}.eyebrow{font-size:13px;letter-spacing:.095em;margin-bottom:19px}.section-head{margin-bottom:40px}.section-head>p{font-size:17px;line-height:1.7;color:var(--muted)}
.button{border-radius:8px;min-height:50px;padding:14px 22px;transition:background .15s,box-shadow .15s}.button:hover{box-shadow:0 4px 16px #10243118}.outline{background:transparent}
.corporate-header{border-bottom:1px solid #ffffff18}.corporate-header .brand{letter-spacing:-.03em}.brand-mark{border-radius:8px}.mega-menu,.resource-menu{border-radius:0 0 12px 12px;box-shadow:0 18px 40px #081b2a22}
.homepage .hero{background:#102431}.homepage .hero-content{padding:64px 0 32px}.homepage .hero h1{font-size:clamp(52px,5vw,72px);line-height:1.04;max-width:53%;margin-top:8px;letter-spacing:-.045em}
.homepage .hero-content>.eyebrow{max-width:51%;line-height:1.65;font-size:12px;color:#ffb77f}
.homepage .hero-copy{max-width:49%;font-size:18px;line-height:1.65;margin:26px 0 28px;color:#dce6ec}
.homepage .hero-image{inset:auto;inset-inline-start:57%;inset-inline-end:max(40px,calc((100vw - 1240px)/2));top:48px;height:470px;background:linear-gradient(0deg,#10243125,#10243105),url('./guangzhou-baiyun-airport.webp') center/cover;border-radius:14px;box-shadow:0 20px 50px #07131c35}
.homepage .journey{margin-top:56px;border-top:1px solid #ffffff25;padding-top:25px}.homepage .journey-top{margin-bottom:24px;font-size:14px}.homepage .journey-steps{gap:28px}.homepage .journey-steps>a{border:0;padding-top:0}.homepage .journey-steps>a:before{display:none}.homepage .journey-steps span{color:#f5ac76;font-size:13px;margin-bottom:12px}.homepage .journey-steps h3{font-size:17px}.homepage .journey-steps p{font-size:14px}
.homepage .proof{padding:56px 0;background:#faf9f6;border-bottom:1px solid #e4e8e9}.homepage .proof-grid{align-items:center;gap:65px}.homepage .proof h2{font-size:40px}.homepage .proof .large-copy{font-size:18px;line-height:1.7}.location-tags span{border-radius:6px;padding:9px 12px;font-size:13px;background:#fff}
.homepage .services{background:#fff}.compact-catalog{gap:36px}.compact-catalog .catalog-heading{min-height:140px;border-top:1px solid #ccd7dd;padding-top:22px}.compact-catalog .catalog-heading h3{font-size:27px;line-height:1.2}.compact-catalog .catalog-heading p{font-size:15px;line-height:1.6}
.compact-catalog .photo-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compact-catalog .service-card{display:block;padding:0;border:1px solid #dce3e7;border-radius:10px;background:#fff;overflow:hidden;transition:box-shadow .18s,border-color .18s}.compact-catalog .service-card:hover{border-color:#a9bac5;box-shadow:0 8px 24px #10243112}.compact-catalog .service-image{height:170px;min-height:0;border-radius:0}.compact-catalog .service-image img{width:100%;height:100%;object-fit:cover}.compact-catalog .service-card-copy{padding:20px}.compact-catalog .service-card-copy .eyebrow{font-size:12px;margin:0}.compact-catalog .service-card-copy h3{font-size:22px;line-height:1.15;margin:10px 0 14px}.compact-catalog .service-card-copy p{font-size:15px;line-height:1.6}.compact-catalog .card-link{font-size:14px;padding-top:8px;display:block;border-top:1px solid #e4eaee}
.reference-workbench{background:#102431}.reference-layout{gap:55px}.reference-copy h2{font-size:46px}.resource-preview{border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #05141e30}.reference-tabs button{border-radius:7px}.preview-head{padding:18px 24px}
.operation-experience{background:#f5f7f8}.stage-tabs{border-bottom:1px solid #d3dde3}.stage-tabs button{border-radius:8px 8px 0 0}.operations-stage{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #dce3e7}.stage-copy{padding:44px}.stage-copy h3{font-size:36px;line-height:1.12}.stage-photo img{height:100%;min-height:400px;object-fit:cover}.stage-copy p{font-size:17px}
.context-card{border-radius:10px;overflow:hidden;border:1px solid #dce3e7}.context-card img{height:235px;object-fit:cover}.context-card>div{padding:24px}.context-card h3{font-size:25px;line-height:1.2}.company-band{background:#faf9f6;border-color:#e4e8e9;padding:66px 0}.company-band h2{font-size:42px}
.home-case-disclosure{margin:0 auto 65px}.home-case-disclosure>details{border:1px solid #dce3e7;border-radius:10px;background:#f7f9fa}.home-case-disclosure summary{padding:25px 30px;font-size:22px;font-weight:600;cursor:pointer}.home-case-disclosure .section{padding:30px 0}.home-case-disclosure .section>.wrap{width:calc(100% - 60px)}
.closing{padding:75px 0;background:#102431}.closing h2{font-size:clamp(38px,4vw,58px);max-width:820px}.closing .actions{margin-top:28px}.site-footer{background:#0b1c27;padding-top:65px}.footer-top h3{color:#e1e9ed;font-size:13px;letter-spacing:.09em}.footer-top>div>a:not(.brand){font-size:14px;line-height:1.6}.footer-top>div>p{font-size:14px}
.service-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.06}.service-hero{padding-top:65px;padding-bottom:65px}.service-path-panel{border:1px solid #dce3e7;border-radius:12px;overflow:hidden}.path-copy{padding:38px}.path-copy h3{font-size:33px;line-height:1.15}.path-photo img{object-fit:cover}.role-stage,.quote-review-grid article,.tool-surface{border-radius:10px}.document-list{border-top:1px solid #dce3e7}.faq-list details{padding-top:20px;padding-bottom:20px}.faq-list summary{font-size:18px;line-height:1.4}
[dir=rtl] .homepage .hero h1{font-size:62px;line-height:1.3;letter-spacing:0}[dir=rtl] h2{letter-spacing:0}
@media(min-width:761px) and (max-width:1100px){.homepage .hero-image{inset-inline-start:59%;height:420px;inset-inline-end:32px}.homepage .hero h1{font-size:54px}.homepage .hero-copy{font-size:17px;max-width:53%}.compact-catalog{grid-template-columns:1fr}.compact-catalog .catalog-heading{min-height:0;margin-bottom:24px}.compact-catalog .service-image{height:230px}.stage-copy{padding:30px}.stage-copy h3{font-size:30px}}
@media(max-width:760px){
 .section{padding:58px 0}.section-head{margin-bottom:28px}.section-head>p{font-size:16px}.eyebrow{font-size:12px;line-height:1.6}h2{font-size:34px;line-height:1.15}
 .homepage .hero-content{padding:35px 0 30px}.homepage .hero h1{font-size:46px;max-width:100%;line-height:1.04}.homepage .hero-content>.eyebrow{max-width:100%;font-size:12px}.homepage .hero-copy{max-width:100%;font-size:16px;line-height:1.65;margin:22px 0 25px}.homepage .hero-image{display:none}.homepage .hero{background:linear-gradient(180deg,#102431ef,#102431f5),url('./guangzhou-baiyun-airport.webp') center top/cover}.homepage .hero .actions{flex-direction:column;gap:10px}.homepage .hero .button{width:100%}.homepage .journey{margin-top:35px;padding-top:22px}.homepage .journey-top{font-size:13px}.homepage .journey-steps{gap:25px 20px}.homepage .journey-steps h3{font-size:16px}.homepage .journey-steps p{font-size:13px}.homepage .proof{padding:40px 0}.homepage .proof-grid{gap:24px}.homepage .proof h2{font-size:32px}.homepage .proof .large-copy{font-size:16px}
 .compact-catalog{gap:38px;grid-template-columns:1fr}.compact-catalog .catalog-heading{min-height:0;padding-top:20px;margin-bottom:20px}.compact-catalog .catalog-heading h3{font-size:25px}.compact-catalog .photo-services{grid-template-columns:1fr;gap:14px}.compact-catalog .service-card{display:grid;grid-template-columns:105px minmax(0,1fr)}.compact-catalog .service-image{height:100%;min-height:170px}.compact-catalog .service-card-copy{padding:18px}.compact-catalog .service-card-copy h3{font-size:21px}.compact-catalog .service-card-copy p{font-size:15px}.compact-catalog .service-card-copy .eyebrow{font-size:12px;line-height:1.4}
 .reference-copy h2{font-size:34px}.reference-layout{gap:25px}.stage-copy,.path-copy{padding:26px}.stage-copy h3,.path-copy h3{font-size:29px}.stage-photo img{min-height:0;height:270px}.context-card img{height:220px}.company-band{padding:48px 0}.company-band h2{font-size:33px}.home-case-disclosure{margin-bottom:40px}.home-case-disclosure summary{font-size:19px;padding:22px}.home-case-disclosure .section>.wrap{width:calc(100% - 36px)}.closing{padding:55px 0}.closing h2{font-size:37px}.service-hero{padding-top:40px;padding-bottom:45px}.service-hero h1{font-size:42px}.site-footer{padding-top:50px}
 [dir=rtl] .homepage .hero h1{font-size:41px;line-height:1.3}
}
/* Service pages: one hero spacing layer and a clear overview-to-details sequence. */
.service-hero-grid{padding-top:0;padding-bottom:0;gap:60px}
.service-hero h1{hyphens:none;word-break:normal;overflow-wrap:normal;font-size:clamp(42px,4.5vw,62px)}
.service-hero .intro{font-size:18px;line-height:1.65;margin:26px 0}
.service-hero-photo{border-radius:12px;overflow:hidden;min-height:420px}
.service-hero-photo>span{font-size:14px;max-width:calc(100% - 48px)}
.overview-facts{gap:24px;margin-top:40px}.overview-facts article{padding:28px;border:1px solid #dce3e7;border-radius:10px;background:#fafbfc}.overview-facts span{font-size:14px;color:#a64408}.overview-facts h3{font-size:23px;line-height:1.2;margin:18px 0 16px}.overview-facts p{font-size:16px;line-height:1.65}
.process-section .steps-list{gap:20px}.process-section .steps-list article{background:#fff;border:1px solid #dce3e7;border-top:3px solid #f29148;border-radius:9px;padding:25px}.process-section .steps-list .num{font-size:14px}.process-section .steps-list h3{font-size:21px;line-height:1.3}.process-section .steps-list p{font-size:16px;line-height:1.65;hyphens:none}
.document-list>div{padding:24px 0}.document-list h3{font-size:22px;line-height:1.3}.document-list p{font-size:16px;line-height:1.7}
@media(max-width:760px){.service-hero-grid{gap:28px}.service-hero h1{font-size:40px;line-height:1.12}.service-hero .intro{font-size:16px;margin:22px 0}.service-hero-photo{margin:0;min-height:250px}.overview-facts article{padding:24px}.overview-facts h3{font-size:22px}.process-section .steps-list{grid-template-columns:1fr;gap:16px}.process-section .steps-list article{padding:24px}.service-hero .actions{gap:10px}.service-hero .button{padding-inline:17px;font-size:14px}[dir=rtl] .service-hero h1{font-size:38px;line-height:1.35}}
.purchasing-brief{background:#faf9f6;border-top:1px solid #e5e7e7;border-bottom:1px solid #e5e7e7}.purchasing-brief-head{max-width:850px}.purchasing-brief-head h2{font-size:42px;line-height:1.15;margin-bottom:22px}.purchasing-brief-head>p:last-child{color:#5b6c76;font-size:17px}.purchasing-brief-body{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;margin-top:35px}.purchasing-brief .shipment-checklist{margin:0;padding:0;list-style:none;display:block}.purchasing-brief .shipment-checklist li{font-size:16px;line-height:1.6;border-bottom:1px solid #d7dfe3;padding:18px 0;background:none;border-radius:0}.purchasing-brief-actions{background:white;border:1px solid #dce3e7;border-radius:10px;padding:30px;align-self:start}.purchasing-brief-actions>.button{width:100%;text-align:center}.purchasing-brief-actions>p:last-child{font-size:15px;line-height:1.65;color:#5b6c76;margin:20px 0 0}.purchasing-brief-actions .copy-status{font-size:14px;margin:12px 0;min-height:20px}
@media(max-width:760px){.purchasing-brief-head h2{font-size:32px}.purchasing-brief-body{grid-template-columns:1fr;gap:28px;margin-top:25px}.purchasing-brief-actions{padding:24px}.purchasing-brief-head>p:last-child{font-size:16px}}
/* Contact is a direct action surface, followed by supporting preparation. */
main:has(.contact-cards) .subhero{padding:52px 0 48px}main:has(.contact-cards) .subhero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.1;hyphens:none}main:has(.contact-cards) .subhero .intro{font-size:18px;line-height:1.65;max-width:760px}
.contact-cards{gap:25px}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:0 20px;padding:30px;border:1px solid #d4dfe5;border-radius:12px;background:#fff;box-shadow:0 6px 22px #10243108}
.contact-card>p,.contact-card>h2,.contact-card>.button{grid-column:1}.contact-card>.eyebrow{font-size:12px;margin-bottom:14px}.contact-card h2{font-size:30px;line-height:1.2;margin-bottom:16px}.contact-card>p:not(.eyebrow){font-size:16px;line-height:1.65;margin-bottom:20px}.contact-card>.button{align-self:end;width:100%;font-size:14px;padding-inline:14px;text-align:center}.contact-card .qr-frame{grid-column:2;grid-row:1/6;width:180px;height:180px;max-width:100%;margin:0;border-radius:8px;align-self:center}
.contact-details{margin-top:30px;padding:30px;border:1px solid #d4dfe5;border-radius:12px;background:#f5f8fa}.contact-details h3{font-size:20px;line-height:1.4;margin-bottom:20px}.contact-details p{font-size:16px;line-height:1.9;margin:0}.contact-details a[href^="tel:"]{font-size:23px;color:#152c3b;font-weight:650}
@media(min-width:761px) and (max-width:1100px){.contact-cards{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr 210px}.contact-card .qr-frame{width:210px;height:210px}}
@media(max-width:760px){main:has(.contact-cards) .subhero{padding:35px 0}main:has(.contact-cards) .subhero h1{font-size:38px}main:has(.contact-cards) .subhero .intro{font-size:16px}.contact-card{display:block;padding:25px}.contact-card .qr-frame{width:210px;height:210px;margin:24px auto 0}.contact-details{padding:24px}.contact-details h3{font-size:18px}.contact-details a[href^="tel:"]{font-size:21px}}
.contact-card .qr-frame img{height:auto}
.contact-card .wa-qr img{top:-167.142857%}
.contact-card .tg-qr img{top:-116.071429%}

.cep-enquiry-form{max-width:960px;margin-block-start:2rem}.cep-enquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.cep-enquiry-form label{display:block;font-weight:600}.cep-enquiry-form input,.cep-enquiry-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:.85rem;margin-block-start:.5rem;border:1px solid #b8c1c5;border-radius:4px;background:#fff;color:#172a32;font:inherit}.cep-enquiry-form textarea{margin-block-end:1rem;resize:vertical}.cep-enquiry-form input:focus-visible,.cep-enquiry-form textarea:focus-visible{outline:3px solid #238b96;outline-offset:2px}.cep-enquiry-status{min-height:1.5em}.cep-enquiry-form [hidden]{display:none}@media(max-width:640px){.cep-enquiry-fields{grid-template-columns:minmax(0,1fr)}}

/* Keyboard reading and reduced-motion support. */
.skip-link{left:auto;right:auto;inset-inline-start:12px;color:#172a32;border:2px solid #172a32;border-radius:4px;line-height:1.5}
.skip-link:focus-visible{outline:3px solid #ef8a47;outline-offset:3px}
#main:focus{outline:none}
select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #238b96;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Product descriptions stay readable at narrow widths and in RTL layouts. */
.document-review-table{max-width:100%;overflow-x:auto;margin-block:1.5rem;border:1px solid #dfe5e8;border-radius:10px}
.document-review-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:1rem}
.document-review-table th,.document-review-table td{padding:1rem;text-align:start;vertical-align:top;overflow-wrap:anywhere;border-block-end:1px solid #dfe5e8}
.document-review-table th{background:#f3f5f6;font-weight:700}
.document-review-table th:first-child{width:30%}
.document-review-table tr:last-child td{border-block-end:0}
.document-review .resource-grid{margin-block:1.5rem}
.document-review .button{margin-block-start:1rem}

.download-group{margin-block:2.5rem}
.download-group>h3{margin-block-end:1rem}
.download-card h4{font-size:1.25rem;margin-block:.5rem 1rem}
.download-card .actions{align-items:center;gap:1rem;flex-wrap:wrap}
.download-card .card-link{white-space:normal}

/* Practical article comparisons: keep tables contained and keyboard accessible. */
.seo-practical-example .comparison-scroll{max-width:100%;margin:28px 0;overflow:auto;border:1px solid #dce3e7;border-radius:10px}.seo-practical-example .comparison-scroll:focus-visible{outline:3px solid #ec8d42;outline-offset:3px}.seo-practical-example caption{padding:18px;text-align:start;font-weight:600;color:#173246;background:#f5f8fa}.seo-practical-example h3{margin:32px 0 16px}.seo-practical-example ul{padding-inline-start:24px;line-height:1.8;max-width:900px}.seo-practical-example td,.seo-practical-example th{white-space:normal;overflow-wrap:anywhere}

.download-category-nav{display:flex;flex-wrap:wrap;gap:12px;margin-block:28px}.download-category-nav .button{white-space:normal;text-align:start}.download-group{scroll-margin-top:110px}.download-group:focus-visible{outline:3px solid #ec8d42;outline-offset:8px}
.download-file-help{border-block:1px solid #dce3e7;padding-block:18px;margin-block:24px;max-width:960px}.download-file-help summary{cursor:pointer;font-weight:600}.download-file-help summary:focus-visible{outline:3px solid #ec8d42;outline-offset:5px}.download-file-help p{line-height:1.8;overflow-wrap:anywhere}
/* Journal titles wrap at word boundaries; long unbroken words can still fit mobile. */
main:has(.community-article) .page-hero h1{hyphens:manual;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
main:has(.community-article) .community-article h2,main:has(.community-article) .community-article h3{hyphens:manual;word-break:normal;overflow-wrap:break-word}
[dir=rtl] main:has(.community-article) .page-hero h1{line-height:1.4;letter-spacing:normal}
@media(max-width:760px){main:has(.community-article) .page-hero h1{font-size:clamp(30px,8vw,40px);line-height:1.22}[dir=rtl] main:has(.community-article) .page-hero h1{line-height:1.45}}
main:has(.community-article) h2[id]{scroll-margin-top:110px}
main:has(.community-article) h2[id]:focus-visible{outline:3px solid #ec8d42;outline-offset:8px}
.article-contents a:focus-visible{outline:3px solid #ec8d42;outline-offset:4px;border-radius:2px}
@media(max-width:760px){main:has(.community-article) h2[id]{scroll-margin-top:90px}.article-contents li{padding-block:4px}.article-contents a{line-height:1.6}}

/* Jeton brand identity: globe, outlined wordmark and one slogan. */
.brand{gap:10px}
.brand .brand-mark{display:inline-flex;flex:0 0 auto;width:42px;height:42px;background:transparent;border-radius:0;overflow:visible}
.brand .brand-mark img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.brand>span:last-child{direction:ltr}
.brand .brand-wordmark{display:block;width:154px;height:auto;max-width:none}
.brand small,.corporate-header .brand small{display:block;margin-top:5px;letter-spacing:0;font-weight:450}
.brand small .brand-slogan{display:block;width:110px;height:auto;max-width:none;margin-inline-start:auto}
@media(max-width:760px){.brand{gap:9px}.corporate-header .brand-mark{width:36px;height:36px}.brand .brand-wordmark{width:140px}.brand small .brand-slogan{width:102px}}