/* Shared pictograms and reading orientation, added to the established art direction. */
.ucs-icon{display:block;width:36px;height:36px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;color:var(--gold,var(--gold));overflow:visible}
.ucs-icon--small{width:22px;height:22px}.ucs-icon--large{width:54px;height:54px}.icon-caption{font-size:11px;color:#a5aeb9;line-height:1.7}.icon-inline{display:flex;align-items:center;gap:15px}.icon-inline .ucs-icon{width:23px;height:23px}
.reading-progress{position:absolute;inset:auto 0 0;height:2px;background:#ffffff0a;pointer-events:none;overflow:hidden}.reading-progress__fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--gold));transform:scaleX(0);transform-origin:left;will-change:transform}
html{scroll-padding-top:calc(var(--reading-header-height,var(--nav-height,82px)) + var(--reading-rail-height,0px) + 24px)}
.progress-chapters{position:sticky;top:var(--reading-header-height,var(--nav-height,82px));z-index:80;background:#191f29e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:0;color:#a5aeb9}
.progress-chapters>.wrap{display:grid;grid-template-columns:repeat(var(--chapter-count,4),minmax(0,1fr));gap:0;position:relative}
.progress-chapters a,.progress-chapters a:not(:first-child){position:relative;display:flex;align-items:center;gap:12px;min-height:66px;padding:13px 16px;font-size:12px;line-height:1.5;border:0;border-radius:0;transition:color .2s,background .2s;text-decoration:none}
.progress-chapters a:hover{color:#f1efea;background:#ffffff04}.progress-chapters a .number{font-family:var(--mono);font-size:10px;color:#737d8a;transition:color .2s}.progress-chapters a.is-current{color:#f3f0e9}.progress-chapters a.is-current .number{color:var(--gold)}.progress-chapters a.is-done{color:#b9c0c9}.progress-chapters a.is-done .number{color:color-mix(in srgb,var(--gold) 53.33%,transparent)}
.progress-chapters a:after{content:"";position:absolute;bottom:9px;left:16px;width:3px;height:3px;background:var(--gold);border-radius:50%;opacity:0;transition:opacity .2s}.progress-chapters a.is-current:after{opacity:1}.progress-chapters a:focus-visible{outline-offset:-4px;outline-width:2px}.progress-chapters .ucs-icon{width:20px;height:20px;color:inherit}
.chapter-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ffffff20;pointer-events:none}.chapter-progress__fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 33.33%,transparent),var(--gold));transform:scaleX(var(--journey-progress,.2));transform-origin:left;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.page-home-security section[id],.page-building-security section[id]{scroll-margin-top:0}
/* Distinct, spacious icon groups replace the small-print overview paragraphs. */
.visual-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.visual-strip article{position:relative;padding:28px 0;border-top:1px solid #ffffff20;min-width:0}.visual-strip .ucs-icon{width:44px;height:44px;margin-bottom:22px}.visual-strip h3{font-size:20px;line-height:1.5;margin-bottom:10px}.visual-strip p{color:#a5aeb9;font-size:13px;line-height:1.8;margin:0}.visual-strip .visual-step-number{position:absolute;right:4px;top:31px;color:#798494;font:10px var(--mono)}
.home-layer-strip{margin-top:35px}.home-layer-strip article{display:grid;grid-template-columns:54px 1fr;gap:0 23px;align-content:start}.home-layer-strip .ucs-icon{grid-row:1/3;margin:0;width:45px;height:45px}.home-layer-strip h3{font-size:20px;margin:0 0 8px}.home-layer-strip p{font-size:13px}.home-layer-strip .visual-step-number{display:none}
.service-scene__copy>.ucs-icon{width:34px;height:34px;margin-bottom:23px;color:var(--gold)}.specialist-scenes .service-scene__copy>.ucs-icon{width:29px;height:29px;margin-bottom:20px}.technology-band .eyebrow{display:flex;align-items:center;gap:13px}.technology-band .eyebrow .ucs-icon{width:25px;height:25px}
.dfence-feature-link{display:grid;grid-template-columns:150px 1fr auto;gap:36px;align-items:center;margin-top:26px;padding:31px 37px;border:1px solid color-mix(in srgb,var(--gold) 33.33%,transparent);border-radius:22px;background:linear-gradient(100deg,color-mix(in srgb,var(--gold) 3.53%,transparent),#222934);transition:border-color .2s}.dfence-feature-link:hover{border-color:var(--gold)}.dfence-feature-link>img{width:150px;height:auto}.dfence-feature-link .eyebrow{font-size:9px;margin:0 0 8px}.dfence-feature-link h3{font-size:21px;margin:0 0 5px}.dfence-feature-link p:not(.eyebrow){font-size:13px;color:#a5aeb9;margin:0}.dfence-feature-link .round-arrow{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 37.65%,transparent)}
.delivery-steps .ucs-icon{width:32px;height:32px;margin-top:3px}.delivery-steps li{grid-template-columns:40px 1fr}.delivery-steps p{max-width:28em}.delivery-flow-image img{filter:none;object-fit:cover;object-position:center}.delivery-flow-image:after{inset:80% 0 0}.delivery-flow-image{background:#202631}.delivery-flow-image figcaption{font-size:9px}.workflow-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.workflow-tags span{font-size:11px;line-height:1.6;padding:4px 9px;background:#ffffff04;border:1px solid #ffffff17;border-radius:5px;color:#bfc7d1}.workflow-tags [data-en],.workflow-tags [data-zh]{padding:0;background:none;border:0}
.enquiry-route{display:flex;gap:12px;align-items:center;margin:24px 0 6px;padding:19px 0;border-block:1px solid #cad2d6;color:#596976}.enquiry-route>div{display:flex;align-items:center;gap:9px;flex:1;font-size:11px}.enquiry-route .ucs-icon{width:23px;height:23px;color:var(--gold)}.enquiry-route>span{color:#9ba4ac;font-size:14px}.contact-directions a{display:flex;align-items:center;gap:14px}.contact-directions a .ucs-icon{width:22px;height:22px}.contact-intro .callout{display:grid;grid-template-columns:26px 1fr;gap:13px;align-items:start}.contact-intro .callout .ucs-icon{width:25px;height:25px}.contact-intro .callout p{margin:0}.contact-steps .number{display:none}.contact-steps .ucs-icon{width:45px;height:45px;margin-bottom:25px}.contact-steps h3{margin:0 0 12px}.contact-steps{position:relative;gap:60px}.contact-steps article{position:relative}.contact-steps article:not(:last-child):after{content:"→";position:absolute;right:-35px;top:32px;font-size:20px;color:color-mix(in srgb,var(--gold) 53.33%,transparent)}.contact-steps p{max-width:25em}
@media(max-width:850px){.progress-chapters a,.progress-chapters a:not(:first-child){padding-inline:12px;font-size:11px;gap:8px}.progress-chapters a:after{left:12px}.visual-strip{gap:24px}.home-layer-strip article{grid-template-columns:40px 1fr;gap:0 15px}.home-layer-strip .ucs-icon{width:35px;height:35px}.dfence-feature-link{grid-template-columns:120px 1fr auto;gap:23px;padding:28px}.dfence-feature-link>img{width:120px}}
@media(max-width:650px){.progress-chapters>.wrap{display:flex;width:100%;overflow-x:auto;padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}.progress-chapters>.wrap::-webkit-scrollbar{display:none}.progress-chapters a,.progress-chapters a:not(:first-child){flex:0 0 auto;min-width:118px;min-height:58px;padding:12px;gap:9px;font-size:11px;white-space:nowrap;border:0}.progress-chapters .ucs-icon{width:18px;height:18px}.progress-chapters a:after{left:12px;bottom:8px}.visual-strip{grid-template-columns:1fr;gap:0}.visual-strip article{padding-block:24px}.home-layer-strip{margin-top:18px}.home-layer-strip article{grid-template-columns:43px 1fr;gap:0 19px}.home-layer-strip h3{font-size:18px}.home-layer-strip p{font-size:12px}.home-layer-strip .ucs-icon{width:36px;height:36px}.service-scene__copy>.ucs-icon{width:29px;height:29px;margin-bottom:19px}.dfence-feature-link{grid-template-columns:1fr auto;gap:20px;padding:29px 25px;border-radius:21px}.dfence-feature-link>img{grid-column:1;width:128px}.dfence-feature-link>div{grid-column:1/-1}.dfence-feature-link>.round-arrow{grid-column:2;grid-row:1;width:42px;height:42px}.dfence-feature-link h3{font-size:21px}.dfence-feature-link p:not(.eyebrow){font-size:12px}.delivery-flow-image{height:500px!important;min-height:0!important}.delivery-flow-image img{object-fit:contain}.delivery-steps .ucs-icon{width:29px;height:29px}.delivery-steps li{grid-template-columns:35px 1fr}.enquiry-route{gap:6px}.enquiry-route>div{flex-direction:column;align-items:start;gap:8px;font-size:10px}.enquiry-route>span{font-size:12px}.contact-steps{gap:0}.contact-steps article{display:grid;grid-template-columns:44px 1fr;gap:0 20px;padding-block:26px}.contact-steps article>.ucs-icon{grid-row:1/3;margin:0;width:34px;height:34px}.contact-steps h3{font-size:19px}.contact-steps p{grid-column:2;font-size:13px}.contact-steps article:not(:last-child):after{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-progress__fill,.progress-chapters a,.progress-chapters a:after{transition:none!important}}
.delivery-flow-image img{object-fit:contain}.delivery-flow-image{min-height:750px}.delivery-flow-image figcaption{bottom:20px}
@media(max-width:650px){.delivery-flow-image{min-height:0;height:540px!important}.delivery-flow-image figcaption{bottom:15px;font-size:8px}.delivery-flow-image figcaption>span:first-child{font-size:8px}}
@media(max-width:650px){.enquiry-route{align-items:flex-start}.enquiry-route>span{margin-top:7px}}

/* Composition revision: connected headings, readable information, purposeful pictograms. */
.section-head:has(>p){display:block}.section-head:has(>p)>p{max-width:720px;margin:16px 0 0;font-size:16px;line-height:1.75}.section-head .eyebrow{margin-bottom:14px}
.progress-chapters a,.progress-chapters a:not(:first-child){min-height:58px;font-size:13px}.progress-chapters a .number{font-size:11px}
.visual-strip article{border-top:0;padding-block:20px}.visual-strip p,.home-layer-strip p{font-size:15px;line-height:1.7}.home-layer-strip{margin-top:20px}.visual-strip .ucs-icon{width:40px;height:40px}
.delivery-steps p{font-size:15px}.delivery-flow-image{min-height:590px}.delivery-flow-image img{object-fit:contain}.delivery-editorial__copy h2{font-size:38px}
.contact-steps p{font-size:15px}.contact-steps .ucs-icon{width:36px;height:36px}.contact-steps article:not(:last-child):after{display:none}
@media(max-width:760px){.section-head:has(>p)>p{font-size:16px;margin-top:16px}.section-head:has(>p){margin-bottom:28px}.progress-chapters a,.progress-chapters a:not(:first-child){font-size:12px;min-height:54px}.visual-strip p,.home-layer-strip p{font-size:14px}.delivery-editorial__copy h2{font-size:31px}}
@media(max-width:650px){.delivery-flow-image{height:410px!important}.delivery-flow-image figcaption{left:18px;right:18px;bottom:14px}.contact-steps p{font-size:14px}}
