@import url("/device-showcase.css?v=xdr-20261010");
/* An editorial collection over Nevka's continuous material field. */
body.ai-editorial{background:#18191b;color:#18191b}.ai-editorial .site-atmosphere{background:#18191b}.ai-editorial .site-atmosphere canvas{background:#18191b;opacity:.8}.ai-editorial .site-atmosphere:after{background:linear-gradient(90deg,#18191be8,#18191ba0 50%,#18191b38),linear-gradient(0deg,#18191b99,transparent)}
.aix-hero{color:#f6f5ef;padding:0 var(--gutter);min-height:660px;position:relative}.aix-breadcrumb{display:flex;justify-content:space-between;padding:32px 0;font-size:12px;color:#d1cec7;border-bottom:1px solid #ffffff24}.aix-breadcrumb a{color:inherit;text-decoration:none}.aix-hero-main{padding:62px 0}.aix-kicker{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.aix-hero h1{font-size:clamp(60px,7.5vw,120px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:26px 0 38px}.aix-hero h1 span{color:#fe5b2a}.aix-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.aix-hero-bottom p{max-width:620px;font-size:18px;line-height:1.7;color:#cecbc3;margin:0}.aix-hero-bottom a,.aix-foundations-foot a,.aix-case-next a{color:inherit;text-decoration:none;border-bottom:1px solid #888;padding:16px 0;display:flex;gap:35px;align-items:center;min-height:44px}.aix-hero-bottom a span{color:#fe5b2a}.aix-hero-index{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding:27px 0 32px;font-size:11px;color:#aaa79f}.aix-hero-index div{display:flex;gap:36px}.aix-hero-index a{color:#f5f3ed;text-decoration:none;min-height:44px;display:flex;align-items:center}
.aix-collection{padding:90px 0 0;margin:0 16px;background:#fff;border-radius:28px;overflow:hidden;color:#18191b}.aix-collection-heading{padding:0 calc(var(--gutter) - 16px) 65px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:28px}.aix-collection-heading>.aix-kicker{grid-column:1/-1}.aix-collection h2,.aix-capability-panel h2{font-size:clamp(38px,4.5vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:0}.aix-collection h2 em{font-style:normal;color:#83857d}.aix-collection-heading>p{font-size:16px;line-height:1.7;color:#65665f;max-width:450px;margin:0 0 5px auto}.aix-project{padding:65px calc(var(--gutter) - 16px);border-top:1px solid #18191b1c;display:grid;grid-template-columns:.72fr 1.6fr;gap:6%;align-items:center;scroll-margin-top:100px}.aix-project--vero{background:#f5f6f8}.aix-project--cadence{background:#f9f7fc}.aix-project-copy h3{font-size:65px;font-weight:400;letter-spacing:-.06em;margin:20px 0}.aix-project-copy h3 span{font-size:30px;margin-left:24px;color:#8f928b}.aix-project-line{font-size:23px!important;line-height:1.25!important;color:#18191b!important;letter-spacing:-.035em}.aix-project-copy>p{font-size:14px;line-height:1.75;color:#676b65}.aix-project-copy ul,.aix-case-head ul{list-style:none;padding:0;margin:25px 0}.aix-project-copy li{font-size:11px;border-top:1px solid #18191b1b;padding:12px 0}.aix-text-link{display:inline-flex;gap:35px;min-height:44px;align-items:center;color:#18191b;text-decoration:none;border-bottom:1px solid #858880;font-size:13px;margin-top:12px}.aix-text-link span{color:#fe5b2a}.aix-screen-stage{padding:50px 6% 24px;background:radial-gradient(ellipse at 45% 25%,#ffffffd9,transparent 68%),var(--project-mat);border-radius:6px;min-width:0;position:relative;perspective:1800px}.aix-monitor{display:block;position:relative;padding:13px 9px 0;background:#161718;border:1px solid #555;border-radius:12px 12px 4px 4px;box-shadow:10px 20px 35px #25232420;transform:rotateY(-5deg) rotateX(2deg);transition:transform .8s cubic-bezier(.2,.7,.2,1);text-decoration:none}.aix-project:nth-child(odd) .aix-monitor{transform:rotateY(5deg) rotateX(2deg)}.aix-monitor:hover{transform:rotateY(0deg) rotateX(0deg)!important}.aix-camera{position:absolute;width:3px;height:3px;background:#484b50;border-radius:50%;top:5px;left:50%}.aix-monitor .ais-native-preview{box-shadow:none;background:white;aspect-ratio:1440/900}.aix-monitor-chin{display:block;font:8px/20px sans-serif;color:#666;text-align:center}.aix-monitor-stand{margin:0 auto 18px}.aix-stage-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px/1.6 monospace;color:#6a6d68}.aix-stage-meta .ais-preview-toggle{margin:0;min-height:44px;font-size:10px;white-space:nowrap;color:#363832}.aix-capability-band{padding:85px 16px;position:relative}.aix-capability-panel{background:#f5f4ee;border-radius:28px;padding:75px calc(var(--gutter) - 16px)}.aix-capability-panel header{max-width:760px}.aix-capability-panel h2{margin:25px 0}.aix-capability-panel h2 span{color:#81837b}.aix-capability-panel header>p{font-size:17px;line-height:1.7;color:#686b63;max-width:590px}.aix-foundations{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0}.aix-foundations article{border-top:1px solid #18191b40;padding-top:20px}.aix-foundations article>span{font:10px monospace;color:#aa421e}.aix-foundations h3{font-size:24px;letter-spacing:-.025em;font-weight:400;line-height:1.2;margin:28px 0 16px}.aix-foundations p{font-size:14px;line-height:1.75;color:#686b63}.aix-foundations-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #18191b22;padding-top:25px;font-size:14px}.ai-editorial .specialist-cases{border-radius:28px 28px 0 0!important}
.aix-case{background:#fff;color:#18191b;padding:0 var(--gutter);font-family:'DM Sans',sans-serif}.aix-case-breadcrumb{padding:30px 0;border-bottom:1px solid #18191b20;display:flex;justify-content:space-between;font-size:12px}.aix-case-breadcrumb a{color:inherit;text-decoration:none}.aix-case-head{padding:65px 0}.aix-case-head h1{font-size:clamp(90px,13vw,190px);font-weight:400;letter-spacing:-.07em;line-height:1;margin:25px 0 45px}.aix-case-head h1 span{font-size:.5em;margin-left:8vw;color:#96988e}.aix-case-head>div{display:flex;justify-content:space-between;gap:70px}.aix-case-head>div>p{max-width:660px;font-size:20px;line-height:1.6;margin:0}.aix-case-head ul{min-width:230px;margin:0}.aix-case-head li{border-top:1px solid #ddd;padding:12px 0;font-size:12px}.aix-case>.aix-screen-stage{padding:55px 10% 25px}.aix-case>.aix-screen-stage .aix-monitor{transform:rotateY(-3deg)}.aix-case-flow{padding:95px 0}.aix-case-flow header{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:25px}.aix-case-flow header>.aix-kicker{grid-column:1/-1}.aix-case-flow h2,.aix-engineering h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0}.aix-case-flow header a{justify-self:end}.aix-case-flow ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 0 0;padding:0}.aix-case-flow li{border-top:1px solid #c7c8c1;padding-top:22px}.aix-case-flow li>span{font:11px monospace;color:#ae431f}.aix-case-flow h3{font-size:27px;font-weight:400;margin:22px 0 15px}.aix-case-flow p,.aix-engineering p{font-size:15px;line-height:1.75;color:#686b63}.aix-engineering{background:#f2f2ed;border-radius:18px;padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:7%}.aix-engineering h2{margin:22px 0}.aix-engineering article{display:flex;gap:20px;border-bottom:1px solid #18191b20;padding:23px 0}.aix-engineering article:first-child{padding-top:0}.aix-engineering article>span{font:11px monospace;color:#b24927}.aix-engineering h3{font-size:22px;font-weight:400;margin:0 0 10px}.aix-engineering article p{margin:0}.aix-case-next{padding:90px 0}.aix-case-next h2{font-size:75px;letter-spacing:-.05em;font-weight:400;margin:20px 0 10px}.aix-case-next p{color:#7a7d76}.aix-case-next a{width:max-content;gap:100px}
@media(max-width:1000px){.aix-project{grid-template-columns:1fr 1.4fr;gap:5%}.aix-project-copy h3{font-size:50px}.aix-foundations{grid-template-columns:1fr 1fr}.aix-hero-index div{gap:20px}.aix-screen-stage{padding:35px 4% 15px}}
@media(max-width:700px){.aix-hero{min-height:0}.aix-breadcrumb{font-size:10px;padding:24px 0;gap:20px}.aix-breadcrumb span{max-width:145px;text-align:right}.aix-hero-main{padding:48px 0 30px}.aix-hero h1{font-size:13vw;line-height:1.05;margin:25px 0 30px}.aix-hero-bottom{display:block}.aix-hero-bottom p{font-size:16px;line-height:1.7}.aix-hero-bottom a{font-size:13px;width:max-content;margin-top:20px}.aix-hero-index{display:block;padding:25px 0}.aix-hero-index>span{font-size:10px}.aix-hero-index div{gap:15px;flex-wrap:wrap;margin-top:10px}.aix-hero-index a{font-size:10px}.aix-collection{margin:0 8px;border-radius:22px;padding-top:50px}.aix-collection-heading{display:block;padding:0 20px 38px}.aix-collection-heading h2{font-size:38px;margin:24px 0}.aix-collection-heading>p{font-size:14px}.aix-project{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:40px 20px}.aix-project-copy h3{font-size:48px;margin:16px 0}.aix-project-line{font-size:24px!important;max-width:300px}.aix-project-copy>p{font-size:14px}.aix-project-copy ul{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 10px}.aix-project-copy li{font-size:10px;border:1px solid #18191b20;border-radius:3px;padding:8px}.aix-screen-stage{padding:30px 15px 14px}.aix-monitor{max-width:280px;margin:auto;border-radius:20px;padding:10px 7px 0;transform:none!important}.aix-monitor .ais-native-preview{border-radius:12px;aspect-ratio:390/710}.aix-camera{display:none}.aix-monitor-chin{line-height:16px;font-size:6px}.aix-monitor-stand{display:none}.aix-stage-meta{font-size:8px;margin-top:18px}.aix-stage-meta>span{max-width:120px}.aix-capability-band{padding:65px 8px}.aix-capability-panel{padding:45px 20px;border-radius:22px}.aix-capability-panel h2{font-size:37px;line-height:1.1}.aix-capability-panel header>p{font-size:15px}.aix-foundations{grid-template-columns:1fr;gap:22px;margin:36px 0}.aix-foundations h3{font-size:24px;margin:19px 0 12px}.aix-foundations p{font-size:14px}.aix-foundations-foot{display:block;line-height:1.6}.aix-foundations-foot a{width:max-content;gap:28px}.aix-case-breadcrumb{font-size:10px;gap:20px}.aix-case-head{padding:40px 0}.aix-case-head h1{font-size:21vw;margin:25px 0 30px}.aix-case-head>div{display:block}.aix-case-head>div>p{font-size:16px;line-height:1.7}.aix-case-head ul{margin-top:24px}.aix-case>.aix-screen-stage{padding:30px 15px 15px}.aix-case-flow{padding:55px 0}.aix-case-flow header{display:block}.aix-case-flow h2{font-size:36px;margin:24px 0}.aix-case-flow header a{font-size:12px}.aix-case-flow ol{display:block;margin-top:35px}.aix-case-flow li{padding:24px 0}.aix-case-flow h3{font-size:26px;margin:18px 0 10px}.aix-case-flow p,.aix-engineering p{font-size:14px}.aix-engineering{display:block;padding:35px 20px}.aix-engineering h2{font-size:34px}.aix-engineering header{margin-bottom:35px}.aix-engineering h3{font-size:21px}.aix-case-next{padding:55px 0}.aix-case-next h2{font-size:58px}.aix-case-next a{gap:65px}}
@media(prefers-reduced-motion:reduce){.aix-monitor{transform:none!important;transition:none}}

/* Desktop monitor housing shares the same native silhouette as the product cases. */
/* The same exported XDR vector and aperture used by the Fintech displays. */
@media(min-width:701px){.aix-monitor{aspect-ratio:3082/2287;padding:0;background:url('/reference-assets/devices/pro-display-xdr.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 14px 18px #14171c30);transform:none!important}.aix-monitor .ais-native-preview{position:absolute;left:calc(37 / 3082 * 100%);top:calc(39 / 2287 * 100%);width:calc(3008 / 3082 * 100%);height:calc(1692 / 2287 * 100%);aspect-ratio:3008/1692!important;border-radius:0}.aix-monitor-chin,.aix-camera,.aix-monitor-stand{display:none}.aix-stage-meta{margin-top:20px}}
/* QA 2026-10-10: the long Cadence title pushed its arrow past a phone viewport; scale the title so the arrow fits. Breadcrumb links get a 44px hit area without moving the layout. */
.aix-case-breadcrumb a{display:inline-block;padding-block:14px;margin-block:-14px}
@media(max-width:700px){.aix-case-head h1{font-size:19vw}.aix-case-head h1 span{margin-left:.12em}}