.breadcrumb{display:block;padding:18px 4.2%;border-bottom:1px solid var(--line);font-size:11px;color:#6b8190}.breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb li+li::before{content:'/';margin-right:8px;color:#a2b3bd}.breadcrumb a:hover{color:var(--blue)}.breadcrumb [aria-current=page]{color:var(--ink);font-weight:650}.db-hero{padding-top:55px}.db-hero-copy>p:not(.eyebrow,.dc-capability-line){margin-top:16px}.db-hero-copy>p:nth-of-type(2){color:var(--ink)}.db-hero-visual{background:#06253e}.db-hero-visual img{filter:saturate(.82) contrast(1.05)}.blueprint-overlay{position:absolute;z-index:2;inset:0;background-image:linear-gradient(#5fddf21f 1px,transparent 1px),linear-gradient(90deg,#5fddf21f 1px,transparent 1px);background-size:42px 42px}.blueprint-overlay::before,.blueprint-overlay::after{content:'';position:absolute;border:1px solid #64d9ee8a}.blueprint-overlay::before{inset:14% 18%;border-radius:50%}.blueprint-overlay::after{inset:25% 8%}.blueprint-overlay i{position:absolute;width:9px;height:9px;border-radius:50%;background:#5cdaef;box-shadow:0 0 14px #5cdaef}.blueprint-overlay i:nth-child(1){top:25%;left:8%}.blueprint-overlay i:nth-child(2){top:14%;right:18%}.blueprint-overlay i:nth-child(3){right:8%;bottom:25%}.blueprint-overlay span{position:absolute;padding:5px 8px;border:1px solid #8de5f455;background:#06253eb8;color:#bcecf4;font-size:9px;letter-spacing:1px}.blueprint-overlay span:nth-of-type(1){top:18%;left:11%}.blueprint-overlay span:nth-of-type(2){top:23%;right:11%}.blueprint-overlay span:nth-of-type(3){right:12%;bottom:18%}.delivery-overview{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.delivery-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.compact-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:28px;list-style:none;border:1px solid #d4e5eb;border-radius:6px;background:#f7fbfd}.compact-flow li{position:relative;display:grid;place-items:center;min-height:90px;padding:12px;border:1px solid #cfe1e8;border-radius:4px;background:#fff;color:var(--navy);font:700 11px Manrope,sans-serif;letter-spacing:1px;text-transform:uppercase}.compact-flow li:not(:last-child)::after{content:'→';position:absolute;right:-13px;z-index:2;color:var(--cyan);font-size:16px}.assessment{background:#f4f9fb}.assessment-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbdfe7;border-left:1px solid #cbdfe7}.assessment-grid article{min-height:210px;padding:28px;border-right:1px solid #cbdfe7;border-bottom:1px solid #cbdfe7;background:#ffffff8c}.assessment-grid span,.context-cards>article>span,.methodology li>span,.principle-grid>article>span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1.3px}.assessment-grid h3{margin-top:28px;font-size:18px}.assessment-grid p{color:var(--muted);font-size:14px;line-height:1.65}.design-architecture{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}.architecture-copy>p:not(.eyebrow){color:var(--muted)}.design-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;border:1px solid #d3e4eb;border-radius:7px;background:#f6fafc}.design-core{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:17px;min-height:115px;border-radius:5px;background:var(--navy);color:#fff}.design-core svg{width:38px;height:38px;color:#58d3ea}.design-core strong{font:700 13px/1.45 Manrope,sans-serif;letter-spacing:1.3px}.design-map details,.turnkey-groups details{border:1px solid #d4e4ea;border-radius:4px;background:#fff}.design-map summary,.turnkey-groups summary{padding:16px;color:var(--navy);font:650 13px Manrope,sans-serif;cursor:pointer}.design-map details p,.turnkey-groups details p{margin:0;padding:0 16px 16px;color:var(--muted);font-size:12px;line-height:1.65}.engineering{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#061f34;color:#fff}.engineering .eyebrow{color:#55d0e9}.engineering-intro>p:not(.eyebrow){color:#b5cbd6}.engineering-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:35px}.engineering-flow span{padding:8px 10px;border:1px solid #ffffff2b;border-radius:3px;color:#d6e8ef;font-size:10px;text-transform:uppercase}.engineering-flow b{color:#55d0e9}.engineering-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff24;border-left:1px solid #ffffff24}.engineering-list span{display:flex;align-items:center;min-height:60px;padding:13px 16px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;color:#c3d7e0;font-size:13px}.engineering-list span::before{content:'';flex:0 0 5px;width:5px;height:5px;margin-right:12px;border-radius:50%;background:#55d0e9}.turnkey{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.turnkey-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.turnkey blockquote{margin:38px 0 0;padding:25px 0 0;border-top:2px solid var(--cyan);font:500 22px/1.5 Manrope,sans-serif}.turnkey blockquote strong{color:var(--blue)}.turnkey-groups{display:grid;gap:12px}.turnkey-groups details{padding:5px}.turnkey-groups summary{font-size:15px}.turnkey-groups details p{font-size:14px}.project-types{background:#f4f9fb}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-grid article{min-height:245px;padding:27px;border:1px solid #d9e6eb;border-radius:5px;background:#fff}.project-grid svg{width:32px;height:32px;color:var(--blue)}.project-grid h3{margin-top:30px;font-size:19px}.project-grid p{color:var(--muted);font-size:14px;line-height:1.65}.build-context{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.context-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.context-cards article{min-height:370px;padding:32px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(145deg,#fff,#f2f8fa)}.context-cards h3{margin-top:55px;font-size:24px}.context-cards p{color:var(--muted);font-size:15px;line-height:1.75}.modernization{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#e9f5f9}.modernization>div:first-child>p:not(.eyebrow){color:var(--muted)}.modernization-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bcd8e2;border-left:1px solid #bcd8e2}.modernization-list span{display:flex;align-items:center;min-height:62px;padding:14px;border-right:1px solid #bcd8e2;border-bottom:1px solid #bcd8e2;font-size:13px}.methodology{background:#f7fbfd}.methodology ol{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:70px 0 0;padding:0;list-style:none}.methodology ol::before{content:'';position:absolute;top:20px;left:2%;right:2%;height:1px;background:#8ec8d9}.methodology li{position:relative;padding:55px 18px 0 0}.methodology li::before{content:'';position:absolute;top:15px;left:0;width:10px;height:10px;border:4px solid #f7fbfd;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px #69bbd1}.methodology h3{min-height:48px;margin-top:16px;font-size:15px;text-transform:uppercase;letter-spacing:.4px}.methodology p{color:var(--muted);font-size:12px;line-height:1.6}.validation{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.validation-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.validation-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.validation-grid span{position:relative;display:flex;align-items:center;min-height:73px;padding:15px 18px 15px 43px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.validation-grid span::before{content:'✓';position:absolute;left:17px;color:var(--blue);font-weight:700}.handover{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:#061f34;color:#fff}.handover .eyebrow{color:#55d0e9}.handover>div:last-child>p:not(.eyebrow){color:#b4cbd6}.handover-visual{position:relative;display:grid;place-items:center;min-height:420px;border:1px solid #ffffff24;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 52px,#55d0e91c 53px 54px)}.handover-visual svg{width:70px;height:70px;color:#55d0e9}.handover-visual strong{font-size:14px;letter-spacing:1.5px}.handover-visual span{position:absolute;padding:7px 10px;border:1px solid #ffffff2e;border-radius:3px;background:#0b304a;color:#c9dce5;font-size:10px}.handover-visual span:nth-of-type(1){top:12%;left:43%}.handover-visual span:nth-of-type(2){top:45%;right:5%}.handover-visual span:nth-of-type(3){bottom:12%;left:43%}.handover-list{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border-top:1px solid #ffffff24;border-left:1px solid #ffffff24}.handover-list span{padding:12px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;color:#c0d4de;font-size:12px}.design-principles{background:#edf7fa}.principle-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bbd7e1;border-left:1px solid #bbd7e1}.principle-grid article{min-height:250px;padding:25px 21px;border-right:1px solid #bbd7e1;border-bottom:1px solid #bbd7e1}.principle-grid h3{margin-top:30px;font-size:18px;text-transform:uppercase}.principle-grid p{color:var(--muted);font-size:13px;line-height:1.65}.operations-transition{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.operations-transition>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.75}.operations-transition .button{margin-top:25px}.operations-ring{position:relative;display:grid;place-items:center;min-height:430px;border:1px solid #c7dce4;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 56px,#8dc9da35 57px 58px)}.operations-ring strong{display:grid;place-items:center;width:125px;height:125px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;letter-spacing:1.5px}.operations-ring span{position:absolute;display:grid;place-items:center;width:62px;height:62px;border:1px solid #aad2df;border-radius:50%;background:#fff;color:var(--blue);font-size:11px;font-weight:700}.operations-ring span:nth-child(1){top:8%;left:43%}.operations-ring span:nth-child(2){top:43%;right:8%}.operations-ring span:nth-child(3){bottom:8%;left:43%}.operations-ring span:nth-child(4){top:43%;left:8%}.related{background:#f5fafc}
.solution-content .solution-child-links{display:grid;gap:4px;margin-top:8px}.solution-content .solution-child-link{display:block;color:#9fe6f3;font-size:10px;font-weight:700;letter-spacing:.1px}.solution-content .solution-child-link:hover{color:#fff}

/* End-to-end delivery: illustrated workflow cards. */
.designer-delivery-flow{gap:16px;padding:20px;border:1px solid #cce6ef;border-radius:18px;background:linear-gradient(145deg,#f9fdff,#eef9fc)}
.designer-delivery-flow li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:112px;padding:18px;border:1px solid #cde6ef;border-radius:14px;background:linear-gradient(140deg,#fff,#f3fbfe);box-shadow:0 5px 14px #07365506;color:#073655;font:700 14px/1.3 Manrope,sans-serif;letter-spacing:.25px;text-align:left;text-transform:uppercase;transition:border-color .2s,box-shadow .2s,transform .2s}
.designer-delivery-flow li::after{right:-16px;font-size:18px}
.designer-delivery-flow li:not(:last-child)::after{font-size:25px;font-weight:800;line-height:1;color:#008fba;text-shadow:0 1px 0 #fff}
.designer-delivery-flow .delivery-step-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid #bde7f3;border-radius:17px;background:linear-gradient(135deg,#effcff,#d7f2fb);box-shadow:inset 0 1px 0 #fff;color:#087da7}
.designer-delivery-flow .delivery-step-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.designer-delivery-flow strong{min-width:0;font:700 14px/1.3 Manrope,sans-serif}
@media(hover:hover){.designer-delivery-flow li:hover{transform:translateY(-3px);border-color:#69cce4;box-shadow:0 10px 22px #087da714}.designer-delivery-flow li:hover .delivery-step-icon{background:linear-gradient(135deg,#087da7,#0abadd);border-color:#087da7;color:#fff}}

/* Foundation assessment: six illustrated planning cards. */
.designer-assessment-grid{gap:18px;border:0;background:transparent}
.designer-assessment-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:26px 22px;border:1px solid #cfe5ef;border-radius:18px;background:linear-gradient(145deg,#fff 52%,#eff9fd);box-shadow:0 7px 22px #07365506}
.designer-assessment-grid article::after{content:"";position:absolute;right:-48px;bottom:-58px;width:145px;height:145px;border:1px solid #0ab8dc16;border-radius:50%;box-shadow:0 0 0 18px #0ab8dc04;z-index:-1;pointer-events:none}
.assessment-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px}
.designer-assessment-grid .assessment-card-head h3{flex:1;min-width:0;margin:0;color:#073655;font-size:17px;line-height:1.4}
.assessment-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid #c3e9f5;border-radius:18px;background:linear-gradient(135deg,#edfbff,#d6f1fb);box-shadow:inset 0 1px 0 #fff;color:#087da7}
.assessment-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.designer-assessment-grid p{margin:20px 0 0;padding-top:17px;border-top:1px solid #dfedf4;color:#607887;font-size:14px;line-height:1.7}
@media(max-width:540px){.designer-assessment-grid{gap:14px}.designer-assessment-grid article{min-height:0;padding:22px}.designer-assessment-grid p{margin-top:16px;padding-top:14px}}

/* Resilient architecture: six illustrated design disciplines. */
.designer-design-map{gap:16px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#f9fdff,#edf8fc)}
.designer-design-map .design-core{min-height:108px;border-radius:13px;background:linear-gradient(135deg,#062f4d,#0b4b6d);box-shadow:inset 0 1px 0 #ffffff16}
.designer-design-map article{position:relative;display:flex;align-items:flex-start;gap:13px;min-width:0;padding:18px;border:1px solid #cce5ef;border-radius:13px;background:linear-gradient(145deg,#fff,#f0faff);overflow:hidden}
.designer-design-map article::after{content:"";position:absolute;right:-42px;bottom:-42px;width:105px;height:105px;border:1px solid #0ab8dc15;border-radius:50%;pointer-events:none}
.architecture-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border:1px solid #c2e9f5;border-radius:15px;background:linear-gradient(135deg,#effcff,#d7f2fb);color:#087da7}
.architecture-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.designer-design-map h3{margin:1px 0 7px;color:#073655;font:700 14px/1.35 Manrope,sans-serif}
.designer-design-map p{margin:0;color:#607887;font-size:12px;line-height:1.6}
@media(max-width:540px){.designer-design-map{grid-template-columns:1fr;padding:14px}.designer-design-map .design-core{min-height:92px}.designer-design-map article{padding:16px}}

/* Environment cards: six tailored data center deployment profiles. */
.designer-project-grid{gap:19px}
.designer-project-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:26px 22px;border:1px solid #cfe5ef;border-radius:18px;background:linear-gradient(145deg,#fff 52%,#eff9fd);box-shadow:0 7px 23px #07365506}
.designer-project-grid article::after{content:"";position:absolute;right:-48px;bottom:-58px;width:145px;height:145px;border:1px solid #0ab8dc16;border-radius:50%;box-shadow:0 0 0 18px #0ab8dc04;z-index:-1;pointer-events:none}
.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px}
.designer-project-grid .project-card-head h3{flex:1;min-width:0;margin:0;color:#073655;font-size:18px;line-height:1.4}
.project-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border:1px solid #c3e9f5;border-radius:18px;background:linear-gradient(135deg,#edfbff,#d6f1fb);box-shadow:inset 0 1px 0 #fff;color:#087da7}
.project-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.designer-project-grid p{margin:20px 0 0;padding-top:17px;border-top:1px solid #dfedf4;color:#607887;font-size:14px;line-height:1.7}
@media(max-width:540px){.designer-project-grid{gap:14px}.designer-project-grid article{padding:22px;min-height:0}.designer-project-grid p{margin-top:16px;padding-top:14px}}

/* Supplied lifecycle artwork. */
.operations-lifecycle-visual{min-width:0;margin:0}.operations-lifecycle-visual img{display:block;width:100%;height:auto}

/* Related capabilities: linked designer cards with interactive service icons. */
.related-designer{gap:22px}
.related-designer article{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:29px;border:1px solid #cfe5ef;border-radius:20px;background:linear-gradient(145deg,#fff 52%,#edf9fd);box-shadow:0 8px 26px #07365507;transition:border-color .22s,box-shadow .22s,transform .22s}
.related-designer article::before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#087da7,#2bd4ed,#b9edfa)}
.related-designer article::after{content:"";position:absolute;right:-55px;bottom:-65px;width:170px;height:170px;border:1px solid #0ab8dc16;border-radius:50%;box-shadow:0 0 0 22px #0ab8dc04;z-index:-1;pointer-events:none}
.related-designer .related-icon{display:grid;place-items:center;width:78px;height:78px;margin-bottom:23px;border:1px solid #c2e9f5;border-radius:23px;background:linear-gradient(135deg,#effcff,#d7f2fb);box-shadow:inset 0 1px 0 #fff,0 7px 17px #087da710;color:#087da7;transition:color .22s,background .22s,border-color .22s,transform .22s}
.related-designer .related-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.related-designer h3{margin:0;color:#073655;font-size:21px;line-height:1.35}
.related-designer p{margin:14px 0 26px;color:#607887;font-size:14px;line-height:1.72}
.related-designer a{position:relative;align-items:center;padding-top:17px;border-top:1px solid #dcecf3;color:#08769b;font-size:14px}
.related-designer a::after{content:"";position:absolute;inset:-29px;border-radius:20px}
.related-link-arrow{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #c5e9f4;border-radius:13px;background:#e8f7fc;font-size:22px;transition:color .22s,background .22s,transform .22s}
.related-designer article:focus-within{outline:3px solid #0a88b1;outline-offset:4px}
.related-designer article:focus-within .related-icon,.related-designer article:focus-within .related-link-arrow{border-color:#087da7;background:linear-gradient(135deg,#087da7,#0ab8dc);color:#fff}
@media(hover:hover){.related-designer article:hover{transform:translateY(-5px);border-color:#65cbe4;box-shadow:0 17px 36px #087da716}.related-designer article:hover .related-icon{transform:rotate(-4deg);border-color:#087da7;background:linear-gradient(135deg,#087da7,#0ab8dc);color:#fff}.related-designer article:hover .related-link-arrow{transform:translate(2px,-2px);border-color:#087da7;background:linear-gradient(135deg,#087da7,#0ab8dc);color:#fff}}
@media(max-width:540px){.related-designer{gap:16px}.related-designer article{padding:25px}.related-designer .related-icon{width:68px;height:68px;margin-bottom:20px;border-radius:20px}.related-designer .related-icon svg{width:48px;height:48px}.related-designer h3{font-size:20px}}

@media(max-width:1100px){.methodology ol{grid-template-columns:repeat(4,1fr);gap:25px}.methodology ol::before{display:none}.methodology li{padding-top:20px}.methodology li::before{top:0}.principle-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.delivery-overview,.design-architecture,.engineering,.turnkey,.build-context,.modernization,.validation,.handover,.operations-transition{grid-template-columns:1fr}.compact-flow{margin-top:10px}.design-map{margin-top:10px}.project-grid{grid-template-columns:1fr 1fr}.context-cards{grid-template-columns:1fr}.context-cards article{min-height:300px}.methodology ol{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr 1fr}.handover-visual,.operations-ring{min-height:370px;max-width:520px;width:100%;margin:auto}}
@media(max-width:540px){.breadcrumb{padding:14px 6%;line-height:1.7}.db-hero{padding-top:38px}.db-hero-copy>p:not(.eyebrow,.dc-capability-line){font-size:15px}.compact-flow,.assessment-grid,.design-map,.engineering-list,.project-grid,.modernization-list,.validation-grid,.handover-list,.principle-grid{grid-template-columns:1fr}.compact-flow li:not(:last-child)::after{content:'↓';right:auto;bottom:-17px}.assessment-grid article{min-height:180px}.engineering-flow{align-items:stretch;flex-direction:column}.engineering-flow b{align-self:center;transform:rotate(90deg)}.methodology ol{grid-template-columns:1fr}.methodology li{padding:18px 0 18px 45px;border-left:1px solid #8ec8d9}.methodology li::before{top:25px;left:-6px}.methodology h3{min-height:0}.handover-visual,.operations-ring{min-height:310px}.solution-content .solution-child-link{font-size:12px}}

/* Keep the Design & Build hero visual visible on phones. */
@media(max-width:700px){.db-hero .dc-hero-visual{display:block;min-height:300px;aspect-ratio:4/3}.db-hero .dc-hero-visual img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}}

/* Clear the mobile header so the Design & Build hero label is fully visible. */
@media(max-width:700px){.breadcrumb + .db-hero{padding-top:76px!important}.db-hero .dc-hero-copy{padding-top:0}}