.dxc-native-solution-detail { --blue:#10afe3; --blue-dark:#0371bf; --ink:#151515; --body:#283039; --navy:#111b2e; --pale:#cdebff; margin:0; color:var(--body); background:#fff; font-family:Inter,sans-serif; }
.dxc-native-solution-detail *, .dxc-native-solution-detail *::before, .dxc-native-solution-detail *::after { box-sizing:border-box; }
.dxc-native-solution-detail img { max-width:100%; }
.dxc-native-solution-detail button, .dxc-native-solution-detail input, .dxc-native-solution-detail textarea { font:inherit; }
.dxc-native-solution-detail .dxc-wrap { width:min(1280px,calc(100% - 60px)); margin-inline:auto; }
.dxc-native-solution-detail .dxc-skip-link { position:absolute; left:-9999px; top:1rem; z-index:100000; padding:.7rem 1rem; background:#fff; color:#000; }
.dxc-native-solution-detail .dxc-skip-link:focus { left:1rem; }
.dxc-native-solution-detail .screen-reader-text { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); }

.dxc-native-solution-detail .dxc-site-header { position:relative; z-index:40; background:#fff; }
.dxc-native-solution-detail .dxc-header-inner { max-width:1280px; min-height:92px; margin:auto; padding-inline:30px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.dxc-native-solution-detail .dxc-logo { display:block; width:170px; max-height:52px; object-fit:contain; }
.dxc-native-solution-detail .dxc-nav { display:flex; align-items:center; gap:40px; }
.dxc-native-solution-detail .dxc-menu { list-style:none; display:flex; align-items:center; gap:22px; margin:0; padding:0; }
.dxc-native-solution-detail .dxc-menu li { position:relative; }
.dxc-native-solution-detail .dxc-menu a { color:var(--ink); text-decoration:none; font-size:14px; font-weight:500; }
.dxc-native-solution-detail .dxc-menu .sub-menu { display:none; position:absolute; left:0; top:100%; z-index:50; min-width:220px; margin:0; padding:14px; list-style:none; background:#fff; box-shadow:0 8px 28px #0002; }
.dxc-native-solution-detail .dxc-menu li:hover > .sub-menu, .dxc-native-solution-detail .dxc-menu li:focus-within > .sub-menu { display:block; }
.dxc-native-solution-detail .dxc-menu .sub-menu li { padding-block:7px; }
.dxc-native-solution-detail .dxc-menu-toggle { display:none; }
.dxc-native-solution-detail .dxc-demo-trigger { color:#fff; background:var(--blue); border:0; border-radius:18px; padding:11px 19px; font-weight:650; font-size:14px; white-space:nowrap; cursor:pointer; }

.dxc-native-solution-detail .dxc-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:11px 24px; border:0; border-radius:24px; color:#fff; background:var(--blue); text-decoration:none; font-weight:700; cursor:pointer; }
.dxc-native-solution-detail .dxc-button:hover, .dxc-native-solution-detail .dxc-button:focus { background:var(--blue-dark); }
.dxc-native-solution-detail .dxc-kicker { margin:0 0 18px; color:#5a6269; font-size:13px; font-weight:750; letter-spacing:.05em; text-transform:uppercase; }
.dxc-native-solution-detail .dxc-dwp-hero { padding:80px 0 105px; }
.dxc-native-solution-detail .dxc-dwp-hero-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr); align-items:center; gap:78px; }
.dxc-native-solution-detail .dxc-dwp-hero h1 { margin:0; color:var(--ink); font-size:clamp(42px,4.15vw,64px); line-height:1.08; letter-spacing:-.045em; }
.dxc-native-solution-detail .dxc-dwp-hero-copy > p:not(.dxc-kicker) { margin:25px 0 30px; font-size:17px; line-height:1.68; }
.dxc-native-solution-detail .dxc-dwp-hero-media img { display:block; width:100%; aspect-ratio:680/440; border-radius:17px; object-fit:cover; }

.dxc-native-solution-detail .dxc-section { padding:90px 0; }
.dxc-native-solution-detail .dxc-section-title { margin:0 0 62px; color:var(--ink); font-size:clamp(36px,4vw,54px); line-height:1.12; letter-spacing:-.035em; text-align:center; }
.dxc-native-solution-detail .dxc-dwp-benefit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:70px; margin-top:92px; }
.dxc-native-solution-detail .dxc-dwp-benefit:first-of-type { grid-template-columns:1fr; gap:38px; margin-top:0; }
.dxc-native-solution-detail .dxc-dwp-benefit:first-of-type .dxc-dwp-benefit-copy { max-width:820px; margin:auto; text-align:center; }
.dxc-native-solution-detail .dxc-dwp-benefit:first-of-type .dxc-dwp-benefit-media { max-width:1160px; margin:auto; }
.dxc-native-solution-detail .dxc-dwp-benefit:nth-of-type(3) .dxc-dwp-benefit-copy { order:2; }
.dxc-native-solution-detail .dxc-dwp-benefit:nth-of-type(3) .dxc-dwp-benefit-media { order:1; }
.dxc-native-solution-detail .dxc-dwp-benefit h3 { margin:0 0 20px; color:var(--ink); font-size:clamp(30px,3.2vw,45px); line-height:1.14; letter-spacing:-.03em; }
.dxc-native-solution-detail .dxc-dwp-benefit p { margin:0; font-size:17px; line-height:1.72; }
.dxc-native-solution-detail .dxc-dwp-benefit-media img { display:block; width:100%; height:auto; border-radius:15px; }
.dxc-native-solution-detail .dxc-dwp-benefit-media video { display:block; width:100%; aspect-ratio:776/400; border-radius:15px; background:#07151f; object-fit:cover; }

.dxc-native-solution-detail .dxc-dwp-use-cases { background:var(--pale); }
.dxc-native-solution-detail .dxc-use-case-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.dxc-native-solution-detail .dxc-use-case-card { overflow:hidden; margin:0; padding:13px 13px 19px; border-radius:10px; background:#fff; box-shadow:0 8px 26px #083c5d12; }
.dxc-native-solution-detail .dxc-use-case-card img { display:block; width:100%; height:auto; border-radius:6px; }
.dxc-native-solution-detail .dxc-use-case-card h3 { margin:15px 3px 0; color:var(--ink); font-size:18px; line-height:1.35; }
.dxc-native-solution-detail .dxc-use-cases-link { width:max-content; margin:42px auto 0; display:flex; }
.dxc-native-solution-detail .dxc-dynamic-use-cases { background:#fff; }
.dxc-native-solution-detail .dxc-dynamic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.dxc-native-solution-detail .dxc-dynamic-grid a { overflow:hidden; border-radius:12px; background:#fff; color:var(--ink); text-decoration:none; box-shadow:0 8px 28px #173b5e18; }
.dxc-native-solution-detail .dxc-dynamic-grid img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.dxc-native-solution-detail .dxc-dynamic-grid h3 { margin:0; padding:18px; font-size:18px; line-height:1.3; }
.dxc-native-solution-detail .dxc-coworker-intro img { display:block; width:100%; border-radius:18px; }
.dxc-native-solution-detail .dxc-coworker-demos { background:#f6fafc; }
.dxc-native-solution-detail .dxc-demo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.dxc-native-solution-detail .dxc-demo-card { overflow:hidden; padding:8px; border:1px solid #b9e0f0; border-radius:12px; background:#fff; color:var(--ink); text-decoration:none; }
.dxc-native-solution-detail .dxc-demo-card:hover,.dxc-native-solution-detail .dxc-demo-card:focus-visible { border-color:#1aa3e0; }
.dxc-native-solution-detail .dxc-demo-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:9px; }
.dxc-native-solution-detail .dxc-demo-card span { display:block; padding:12px 6px 6px; }
.dxc-native-solution-detail .dxc-demo-card strong { display:block; font-size:18px; line-height:1.3; }
.dxc-native-solution-detail .dxc-demo-card small { display:block; margin-top:10px; color:var(--body); font-size:14px; line-height:1.5; }
.dxc-native-solution-detail [data-dxc-carousel-slide][hidden] { display:none; }
.dxc-native-solution-detail .dxc-coworker-slide { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:55px; min-height:430px; padding:45px; border-radius:18px; background:#fff; }
.dxc-native-solution-detail .dxc-coworker-slide img { order:-1; }
.dxc-native-solution-detail .dxc-coworker-slide h3 { margin:0 0 20px; color:var(--ink); font-size:38px; line-height:1.15; }
.dxc-native-solution-detail .dxc-coworker-slide p { margin:0; font-size:17px; line-height:1.65; }
.dxc-native-solution-detail .dxc-coworker-slide img { display:block; width:100%; border-radius:14px; }
.dxc-native-solution-detail .dxc-carousel-controls { min-height:65px; display:flex; align-items:center; justify-content:center; gap:16px; }
.dxc-native-solution-detail .dxc-carousel-controls>button { border:0; background:transparent; color:var(--blue-dark); font-size:28px; cursor:pointer; }
.dxc-native-solution-detail .dxc-self-benefits .dxc-carousel-controls>button,
.dxc-native-solution-detail .dxc-coworker-benefits .dxc-carousel-controls>button { display:none; }
.dxc-native-solution-detail .dxc-carousel-dots { display:flex; gap:9px; }
.dxc-native-solution-detail .dxc-carousel-dots button { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:#bdd7e5; cursor:pointer; }
.dxc-native-solution-detail .dxc-carousel-dots button[aria-current="true"] { background:var(--blue-dark); }

.dxc-native-solution-detail .dxc-dwp-cta { background:#e8f6ff; }
.dxc-native-solution-detail .dxc-dwp-cta .dxc-wrap { min-height:210px; display:flex; align-items:center; justify-content:space-between; gap:55px; }
.dxc-native-solution-detail .dxc-dwp-cta h2 { max-width:850px; margin:0; color:var(--ink); font-size:clamp(30px,3.3vw,48px); line-height:1.13; letter-spacing:-.03em; }

.dxc-native-solution-detail .dxc-site-footer { background:#151d2b; color:#fff; }
.dxc-native-solution-detail .dxc-footer-inner { max-width:1280px; margin:auto; padding:70px 30px 0; }
.dxc-native-solution-detail .dxc-footer-columns { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:30px; }
.dxc-native-solution-detail .dxc-footer-column h2 { color:#fff; font-size:17px; margin:0 0 18px; }
.dxc-native-solution-detail .dxc-footer-column ul { list-style:none; padding:0; margin:0; }
.dxc-native-solution-detail .dxc-footer-column li { margin-bottom:10px; }
.dxc-native-solution-detail .dxc-site-footer a { color:#fff; text-decoration:none; font-size:14px; }
.dxc-native-solution-detail .dxc-site-footer a:hover, .dxc-native-solution-detail .dxc-site-footer a:focus { text-decoration:underline; }
.dxc-native-solution-detail .dxc-footer-brand { margin-top:65px; }
.dxc-native-solution-detail .dxc-footer-brand img { width:150px; height:auto; display:block; }
.dxc-native-solution-detail .dxc-footer-brand p { font-size:14px; }
.dxc-native-solution-detail .dxc-socials { display:flex; gap:18px; margin-top:14px; }
.dxc-native-solution-detail .dxc-footer-bottom { margin-top:50px; border-top:1px solid #ffffff25; display:flex; justify-content:space-between; align-items:center; padding:25px 0; font-size:13px; }
.dxc-native-solution-detail .dxc-footer-bottom div { display:flex; gap:30px; }

@media (max-width:1024px) {
	.dxc-native-solution-detail .dxc-menu-toggle { display:flex; width:40px; height:40px; border:0; background:none; flex-direction:column; justify-content:center; gap:5px; padding:7px; cursor:pointer; }
	.dxc-native-solution-detail .dxc-menu-toggle span { height:2px; width:100%; background:var(--ink); }
	.dxc-native-solution-detail .dxc-nav { display:none; position:absolute; left:0; right:0; top:100%; max-height:80vh; overflow-y:auto; background:#fff; box-shadow:0 10px 20px #0002; }
	.dxc-native-solution-detail .dxc-nav.is-open { display:block; }
	.dxc-native-solution-detail .dxc-menu { display:block; padding:20px 30px; }
	.dxc-native-solution-detail .dxc-menu > li { padding:10px 0; }
	.dxc-native-solution-detail .dxc-menu .sub-menu { display:block; position:static; box-shadow:none; padding:4px 0 4px 15px; }
	.dxc-native-solution-detail .dxc-demo-trigger { margin:0 30px 20px; }
	.dxc-native-solution-detail .dxc-dwp-hero-grid { grid-template-columns:1fr 1fr; gap:40px; }
	.dxc-native-solution-detail .dxc-dwp-benefit { gap:45px; }
	.dxc-native-solution-detail .dxc-use-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.dxc-native-solution-detail .dxc-dynamic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.dxc-native-solution-detail .dxc-demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.dxc-native-solution-detail .dxc-footer-columns { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
	.dxc-native-solution-detail .dxc-wrap { width:min(100% - 40px,1280px); }
	.dxc-native-solution-detail .dxc-header-inner { min-height:64px; padding-inline:20px; }
	.dxc-native-solution-detail .dxc-logo { width:138px; }
	.dxc-native-solution-detail .dxc-dwp-hero { padding:28px 0 65px; }
	.dxc-native-solution-detail .dxc-dwp-hero-grid { grid-template-columns:1fr; gap:30px; }
	.dxc-native-solution-detail .dxc-dwp-hero-media { grid-row:1; }
	.dxc-native-solution-detail .dxc-dwp-hero-copy { grid-row:2; }
	.dxc-native-solution-detail .dxc-dwp-hero h1 { font-size:38px; }
	.dxc-native-solution-detail .dxc-section { padding:65px 0; }
	.dxc-native-solution-detail .dxc-section-title { margin-bottom:42px; font-size:36px; }
	.dxc-native-solution-detail .dxc-dwp-benefit, .dxc-native-solution-detail .dxc-dwp-benefit:first-of-type { grid-template-columns:1fr; gap:26px; margin-top:65px; }
	.dxc-native-solution-detail .dxc-dwp-benefit:first-of-type { margin-top:0; }
	.dxc-native-solution-detail .dxc-dwp-benefit:first-of-type .dxc-dwp-benefit-copy { text-align:left; }
	.dxc-native-solution-detail .dxc-dwp-benefit:nth-of-type(3) .dxc-dwp-benefit-copy, .dxc-native-solution-detail .dxc-dwp-benefit-copy { order:2; }
	.dxc-native-solution-detail .dxc-dwp-benefit:nth-of-type(3) .dxc-dwp-benefit-media, .dxc-native-solution-detail .dxc-dwp-benefit-media { order:1; }
	.dxc-native-solution-detail .dxc-dwp-benefit h3 { font-size:31px; }
	.dxc-native-solution-detail .dxc-dwp-benefit p { font-size:16px; }
	.dxc-native-solution-detail .dxc-use-case-grid { grid-template-columns:1fr; gap:16px; }
	.dxc-native-solution-detail .dxc-dynamic-grid { grid-template-columns:1fr; }
	.dxc-native-solution-detail .dxc-use-case-card h3 { font-size:18px; }
	.dxc-native-solution-detail .dxc-demo-grid { grid-template-columns:1fr; }
	.dxc-native-solution-detail .dxc-coworker-slide { grid-template-columns:1fr; padding:25px; gap:28px; }
	.dxc-native-solution-detail .dxc-coworker-slide h3 { font-size:31px; }
	.dxc-native-solution-detail .dxc-dwp-cta .dxc-wrap { min-height:0; padding-block:55px; flex-direction:column; align-items:flex-start; gap:28px; }
	.dxc-native-solution-detail .dxc-footer-inner { padding:55px 20px 0; }
	.dxc-native-solution-detail .dxc-footer-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 24px; }
	.dxc-native-solution-detail .dxc-footer-brand { margin-top:50px; }
	.dxc-native-solution-detail .dxc-footer-bottom { align-items:flex-start; gap:20px; flex-direction:column; }
}




/* Batch 4: shared Solutions hierarchy, motion, and media. */
.dxc-native-solution-detail .dxc-dwp-hero h1 { font-size:clamp(32px,3.4vw,50px); font-weight:700; line-height:1.12; }
.dxc-native-solution-detail .dxc-section { padding-block:clamp(48px,6vw,88px); }
.dxc-native-solution-detail .dxc-section-title { font-size:clamp(28px,2.9vw,40px); font-weight:700; }
.dxc-native-solution-detail .dxc-dwp-benefit h3 { font-size:clamp(22px,2vw,30px); font-weight:700; }
.dxc-native-solution-detail .dxc-dwp-hero-media img, .dxc-native-solution-detail .dxc-dwp-benefit-media img, .dxc-native-solution-detail .dxc-use-case-card img, .dxc-native-solution-detail .dxc-dynamic-grid img, .dxc-native-solution-detail .dxc-demo-card img { border-radius:16px; }
.dxc-native-solution-detail .dxc-button, .dxc-native-solution-detail .dxc-dynamic-grid a, .dxc-native-solution-detail .dxc-demo-card, .dxc-native-solution-detail .dxc-use-case-card { transition:background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease; }
.dxc-native-solution-detail .dxc-button:hover, .dxc-native-solution-detail .dxc-button:focus-visible { background:var(--blue-dark); transform:translateY(-1px); }
.dxc-native-solution-detail .dxc-dynamic-grid a:hover, .dxc-native-solution-detail .dxc-dynamic-grid a:focus-visible, .dxc-native-solution-detail .dxc-demo-card:hover, .dxc-native-solution-detail .dxc-demo-card:focus-visible, .dxc-native-solution-detail .dxc-use-case-card:hover { box-shadow:0 14px 32px #173b5e26; transform:translateY(-2px); }
.dxc-native-solution-detail .dxc-dynamic-grid a:focus-visible, .dxc-native-solution-detail .dxc-demo-card:focus-visible, .dxc-native-solution-detail .dxc-button:focus-visible { outline:3px solid #0371bf; outline-offset:3px; }
@media (max-width:700px) {
  .dxc-native-solution-detail .dxc-dwp-hero h1 { font-size:clamp(32px,8.6vw,38px); }
  .dxc-native-solution-detail .dxc-section-title { font-size:32px !important; }
  .dxc-native-solution-detail .dxc-dwp-benefit h3 { font-size:clamp(22px,6.4vw,28px); }
}
@media (prefers-reduced-motion:reduce) {
  .dxc-native-solution-detail .dxc-button, .dxc-native-solution-detail .dxc-dynamic-grid a, .dxc-native-solution-detail .dxc-demo-card, .dxc-native-solution-detail .dxc-use-case-card { transition:none; }
  .dxc-native-solution-detail .dxc-button:hover, .dxc-native-solution-detail .dxc-button:focus-visible, .dxc-native-solution-detail .dxc-dynamic-grid a:hover, .dxc-native-solution-detail .dxc-dynamic-grid a:focus-visible, .dxc-native-solution-detail .dxc-demo-card:hover, .dxc-native-solution-detail .dxc-demo-card:focus-visible, .dxc-native-solution-detail .dxc-use-case-card:hover { transform:none; }
}




/* Batch 5: Data Center & Cloud needs a little more desktop title measure. */
@media (min-width:1025px) {
  body.page-id-7107.dxc-native-solution-detail .dxc-dwp-hero-grid { grid-template-columns:minmax(0,1fr) minmax(440px,1.1fr); gap:64px; }
}
/* Release 2: only linked benefit blocks receive the hover affordance. */
.dxc-native-solution-detail .dxc-dwp-benefit:has(a) { border:1px solid transparent; border-radius:12px; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.dxc-native-solution-detail .dxc-dwp-benefit:has(a):hover,.dxc-native-solution-detail .dxc-dwp-benefit:has(a):focus-within { border-color:#10afe3; box-shadow:0 10px 24px #173b5e18; transform:translateY(-2px); }
@media (prefers-reduced-motion:reduce) { .dxc-native-solution-detail .dxc-dwp-benefit:has(a) { transition:none; } .dxc-native-solution-detail .dxc-dwp-benefit:has(a):hover,.dxc-native-solution-detail .dxc-dwp-benefit:has(a):focus-within { transform:none; } }