.ai-page-hero .bgph{background-position:center 54%;background-size:cover}.ai-page-hero{min-height:280px}
.ai-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:42px;align-items:center}
.ai-opening .h2{font-size:clamp(30px,3.1vw,44px);line-height:1.18;margin:0 0 22px;max-width:18ch}
.ai-opening .lead{font-size:17px;line-height:1.8;margin:0}
.ai-figure{margin:0;min-width:0;border:1px solid #dce5eb;background:#fff}
.ai-figure a{display:block}.ai-figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}
.ai-figure figcaption{padding:12px 16px;border-top:1px solid #e3ebef;color:#536b7a;font-size:12px}
.ai-story{background:#f4f7f9;border-block:1px solid #dce5eb}
.ai-story-intro{max-width:800px;margin-bottom:42px}.ai-story-intro .h2{margin-bottom:18px}.ai-story-intro .lead{font-size:18px;line-height:1.7}
.ai-story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start;padding:42px 0;border-top:1px solid #d6e1e8}
.ai-story-row:last-child{padding-bottom:0}.ai-story-row:nth-of-type(even) .ai-figure{order:2}.ai-story-row:nth-of-type(even) .ai-story-copy{order:1}
.ai-story-row .ai-figure{background:#fff}.ai-story-row .ai-figure img{aspect-ratio:4/3;object-fit:contain}
.ai-step{display:block;font-size:13px;letter-spacing:.12em;font-weight:800;color:#007da9;margin-bottom:12px}
.ai-story-copy .h3{font-size:29px;line-height:1.2;margin:0 0 18px}.ai-story-copy .p{font-size:16px;line-height:1.75;max-width:none;margin:0}
.ai-story-copy blockquote{margin:22px 0 18px;border-left:3px solid #0096c5;padding:10px 18px;background:#e9f1f5;font-size:17px;line-height:1.5;color:#123649}
.ai-story-copy blockquote span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#536b7a}
.ai-output{font-size:14px;line-height:1.65;color:#385365;margin:0}.ai-output strong{display:block;color:#102b3a;margin-bottom:4px}
.ai-close{background:#102b3d;color:white}.ai-close .h2,.ai-close .lead{color:white}.ai-close .h2{max-width:850px}.ai-close .lead{max-width:800px;line-height:1.7}.ai-close .btn{background:#0094c6;color:white;border-color:#0094c6}.ai-close .btn.ghost{background:transparent;border:1px solid #7893a4;color:white}
@media(max-width:760px){.ai-intro-grid,.ai-story-row{grid-template-columns:1fr;gap:24px}.ai-opening .h2{max-width:none}.ai-story-row:nth-of-type(even) .ai-figure,.ai-story-row:nth-of-type(even) .ai-story-copy{order:initial}.ai-story-copy .h3{font-size:26px}.ai-story-row{padding:28px 0}.ai-page-hero{min-height:220px}.ai-opening .lead{font-size:16px}.ai-figure figcaption{font-size:11px}}

/* Digital presentation layers; original raster assets remain unchanged. */
.ai-figure.digital-figure{background:#102d41;border:1px solid #30576b;box-shadow:0 12px 30px #102b3d12}
.digital-figure .digital-scene{position:relative;isolation:isolate;overflow:hidden;background:#102d41;min-height:290px}
.digital-figure .digital-scene>img{background:#eaf1f7}
.digital-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;color:#43c9ef;background:linear-gradient(180deg,#07283b45,transparent 25%,transparent 70%,#07283b70),linear-gradient(90deg,#0a94b00c 1px,transparent 1px),linear-gradient(#0a94b00c 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}
.digital-overlay svg{width:100%;height:100%;opacity:.72}
.digital-scene-label{position:absolute;z-index:2;top:18px;left:18px;max-width:calc(100% - 36px);padding:9px 13px;border-left:3px solid #4bd5f2;background:#0b293ef0;color:#e0f8ff;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.04em}
.ai-figure.digital-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#102d41;color:#b4d5e3;border-top:1px solid #30576b;padding:14px 16px;font-size:11px;line-height:1.5}
.digital-figure figcaption strong{font-size:12px;font-weight:500;color:#e4f7ff}
.digital-figure figcaption span{color:#88b5c8;font-size:10px;white-space:nowrap}
.digital-scene:focus-visible{outline:3px solid #42cce9;outline-offset:-3px}
@media(max-width:800px){.digital-figure .digital-scene{min-height:0}.digital-scene-label{font-size:11px;top:12px;left:12px}.digital-overlay svg{opacity:.5}}

/* Two strategic directions, real video examples and joint pilot development. */
.ai-opening .h2{max-width:27ch}.ai-opening .lead+.lead{margin-top:16px}
.ai-directions{background:#f4f7f9;border-block:1px solid #dce5eb}.ai-directions>.wrap>.h2,.ai-videos>.wrap>.h2,.ai-collaboration>.wrap>.h2{max-width:1000px;margin:0 0 24px}
.ai-paths-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.ai-path{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #d6e1e8;border-top:4px solid #0099c8;background:#fff}.ai-path-number{display:block;font-size:13px;font-weight:800;letter-spacing:.12em;color:#007da9;margin-bottom:14px}.ai-path .h3{font-size:28px;line-height:1.25;margin:0 0 16px}.ai-path .p{margin:0 0 18px;font-size:16px;line-height:1.75}.ai-path ul{padding-left:20px;margin:auto 0 0;line-height:1.7}.ai-path li+li{margin-top:8px}.ai-pilot-invitation{margin:22px 0 0;font-size:16px;line-height:1.7;color:#25495d}
.ai-videos>.wrap>.lead{margin:0 0 26px}.ai-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.ai-video-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d6e1e8;padding:16px}.ai-video-card .h3{font-size:19px;line-height:1.35;min-height:2.7em;margin:0 0 16px}.ai-video-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b2335;margin:0}.ai-video-card p{font-size:14px;line-height:1.65;margin:16px 0 0}
.ai-story-bridge{font-size:16px;line-height:1.75;margin:16px 0 0}.ai-collaboration-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:32px 0 0;padding:0}.ai-collaboration-steps li{min-width:0;border-top:2px solid #0099c8;padding:20px 0 0}.ai-step-number{display:block;font-weight:800;color:#007da9;font-size:14px;letter-spacing:.1em;margin-bottom:12px}.ai-collaboration-steps .h3{font-size:21px;line-height:1.35;margin:0 0 12px}.ai-collaboration-steps p{font-size:15px;line-height:1.7;margin:0}
#ai-directions,#ai-videos,#ai-collaboration{scroll-margin-top:160px}
@media(max-width:1000px){.ai-video-grid,.ai-collaboration-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai-paths-grid{grid-template-columns:1fr}.ai-path{padding:22px}.ai-path .h3{font-size:25px}.ai-opening .h2{max-width:none}}
@media(max-width:640px){.ai-video-grid,.ai-collaboration-steps{grid-template-columns:1fr}.ai-video-card .h3{min-height:0}.ai-video-card{padding:18px}}

/* Document references are clear links within the platform narrative. */
.ai-document-reference a{color:#007da9;text-decoration:underline;text-underline-offset:3px}
