/* AI-only cinematic media and reading layout. No shared header/footer overrides. */
.ap-page .ap-intro,.ap-feature{background:#152832;color:#e8f0f5;padding:36px 0 32px}
.ap-page .ap-intro .ai-breadcrumb{color:#c4d5df;margin-bottom:28px}
.ap-page .ap-intro .ai-route-label,.ap-feature .eyebrow{color:#a3d7f6}
.ap-page .ap-intro h1{font-size:clamp(2.65rem,4.4vw,4.4rem);color:#fff;margin:16px 0 22px;line-height:1.08;max-width:660px}
.ap-page .ap-intro .ai-lead{font-size:1.05rem;line-height:1.7;color:#d2e0e8;max-width:none}
.ap-page .ap-intro .ai-lead p{margin:0 0 15px}
.ap-feature-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:38px;align-items:center}
.ap-feature-grid>div{min-width:0}
.ap-feature h2{color:#fff;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.12;margin:12px 0 24px}
.ap-feature p{color:#d2e0e8;line-height:1.75}
.ap-feature-lead{font-size:1.2rem}
.ap-player{margin:0;min-width:0;border:1px solid #4b6676;background:#0f202b;box-shadow:0 12px 38px #05101833}
.ap-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:#13252f;background-image:var(--ap-poster);background-size:cover;background-position:center}
.ap-screen video{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.ap-scene-mark{position:absolute;inset:16px 16px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.ap-scene-mark>span:first-child{padding:5px 8px;background:#102530e8;border:1px solid #608499;color:#e8f4fb;font-size:.62rem;letter-spacing:.12em}
.ap-scene-dot{display:block;width:6px;height:6px;border-radius:50%;background:#c1e8ff;box-shadow:0 0 0 5px #132b3baa}
.ap-overlay{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:end;padding:45px 18px 16px;background:linear-gradient(transparent,#0b1e2bf5);color:#fff;pointer-events:none}
.ap-stage-count{font-size:.72rem;font-weight:600;color:#aaddfa;line-height:1.5}
.ap-stage-label{font-family:var(--heading);font-size:clamp(1.1rem,1.9vw,1.5rem);line-height:1.2;letter-spacing:.02em}
.ap-path{display:flex;gap:9px;align-items:center;padding-bottom:5px}
.ap-path i{width:4px;height:4px;border-radius:50%;background:#a2dafa}
.ap-path i:not(:last-child)::after{content:"";display:block;width:9px;height:1px;background:#688da3;margin:1.5px 0 0 4px}
.ap-player figcaption{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c7d8e2;font-size:.72rem;line-height:1.55;min-height:64px}
.ap-player figcaption>span{max-width:330px}
.ap-play{border:1px solid #819dad;background:transparent;color:#fff;font:600 12px/1.3 var(--body);padding:10px 13px;min-height:44px;cursor:pointer;flex-shrink:0}
.ap-play[hidden],.ap-step button[hidden],.ap-static-label[hidden],.ap-fallback[hidden]{display:none}
.ap-play:disabled{cursor:default;color:#ccd9e0}
.ap-frame-focus{position:absolute;inset:27% 30% 24% 29%;border:1px solid #9edcffb0;opacity:0;pointer-events:none;transition:opacity .5s ease}
.ap-frame-focus::before,.ap-frame-focus::after{content:"";position:absolute;width:12px;height:12px;border-color:#d2eeff;border-style:solid}
.ap-frame-focus::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
.ap-frame-focus::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
[data-ai-process][data-active-stage="1"] .ap-frame-focus{opacity:.75}
.ap-media-error video{visibility:hidden}
.ap-fallback{padding:0 15px 12px!important;margin:0!important;font-size:.8rem!important;color:#d4e3ec!important}
.ap-journey{margin-top:30px;padding-top:25px;border-top:1px solid #476272}
.ap-journey-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.ap-journey-heading .eyebrow{margin:0;font-family:var(--body);font-weight:650;line-height:1.5;color:#a5d9f7;flex-shrink:0;font-size:.72rem}
.ap-journey-heading>p{font-size:.85rem;line-height:1.5;margin:0;color:#cbdde8;max-width:750px}
.ap-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:12px}
.ap-steps.ap-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-step{padding:17px 18px;background:#203845;border-top:2px solid #587586;min-width:0;transition:border-color .3s,background-color .3s}
.ap-step.is-current{border-top-color:#df4545;background:#284452}
.ap-step-number{color:#a7d9f5;font-size:.72rem;letter-spacing:.1em}
.ap-step h3{margin:9px 0 12px;color:#fff;font-family:var(--heading);font-size:1.45rem;line-height:1.2}
.ap-step button{font:inherit;text-align:left;color:inherit;padding:0;border:0;background:transparent;cursor:pointer;min-height:32px}
.ap-step p{font-size:.86rem;line-height:1.65;color:#cbdde7;margin:0}
.ap-explainer{font-size:.76rem!important;line-height:1.65!important;color:#bdcfdb!important;max-width:none!important;margin:18px 0 0!important}
.ap-page .ai-body{padding:36px 0}
.ap-page .ai-cards{gap:16px;margin-top:22px}
.ap-page .ai-card{padding:23px}
.ap-articles{padding-top:30px;padding-bottom:30px}
.ap-article{margin:0 0 22px;padding:27px 30px;background:#f3f6f7;border:1px solid #d7e1e6}
.ap-article:nth-child(even){background:#fff}
.ap-article:last-child{margin-bottom:0}
.ap-article-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:20px}
.ap-article-heading>span{font-size:.8rem;letter-spacing:.09em;color:#b50000;font-weight:650}
.ap-article-heading h2{font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.2;margin:0;color:#213742}
.ap-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ap-reading-block{min-width:0}
.ap-reading p{font-size:1rem;line-height:1.8;color:#40525f;margin:0 0 15px}
.ap-reading p:last-child{margin-bottom:0}
.ap-category-list{padding:24px 0 36px}
.ap-category-list details{border:1px solid #cbd9e2;padding:18px 22px;background:#f4f7f8}
.ap-category-list summary{cursor:pointer;font-weight:650;color:#253d4c}
.ap-category-list nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px;margin-top:18px}
.ap-category-list a{padding:8px 0;color:#244459;font-size:.9rem}
.ap-page .ai-system{padding:35px 0}
.ap-page .ai-topology{max-height:180px}
.ap-page .ai-flow{margin-top:16px}
.ap-page .ai-channels{padding:34px 0}
.ap-page .ex-intro{padding-bottom:25px}
.ap-page .ex-experience{padding-top:35px}
.ap-page .ex-scene svg{height:220px}
.ap-page .ex-panel-heading{padding-top:25px}
.ap-page .ex-stages{padding:25px;gap:18px}
.ap-page .ap-feature :focus-visible,.ap-page .ap-intro :focus-visible{outline:3px solid #a8dfff;outline-offset:4px}
.ap-page .ap-articles :focus-visible,.ap-page .ap-category-list :focus-visible{outline:3px solid #d80000;outline-offset:4px}
@media(max-width:1100px){.ap-feature-grid{gap:25px;grid-template-columns:1fr 1fr}.ap-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-player figcaption{align-items:start;flex-direction:column}.ap-journey-heading{align-items:start;flex-direction:column;gap:10px}.ap-page .ap-intro h1{font-size:3rem}}
@media(max-width:800px){.ap-feature-grid{grid-template-columns:1fr;gap:22px}.ap-page .ap-intro{padding-top:25px}.ap-page .ap-intro h1{font-size:2.8rem}.ap-page .ap-intro .ai-lead{font-size:1rem}.ap-player figcaption{align-items:center;flex-direction:row}.ap-reading{grid-template-columns:1fr;gap:20px}.ap-article{padding:24px}.ap-category-list nav{grid-template-columns:repeat(2,1fr)}.ap-steps.ap-count-6{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-feature{padding:30px 0}.ap-page .ex-scene svg{height:190px}}
@media(max-width:480px){.ap-steps,.ap-steps.ap-count-6{grid-template-columns:1fr}.ap-step{padding:16px 18px}.ap-step h3{margin:6px 0 9px}.ap-stage-label{font-size:1.1rem}.ap-path{display:none}.ap-overlay{grid-template-columns:auto 1fr;padding:35px 13px 12px}.ap-scene-mark{inset:10px 10px auto}.ap-scene-mark>span:first-child{font-size:.55rem}.ap-player figcaption{padding:11px;gap:8px}.ap-player figcaption>span{font-size:.67rem}.ap-play{font-size:.7rem;padding:8px 10px;max-width:120px}.ap-article{padding:22px 19px}.ap-article-heading{gap:10px}.ap-category-list nav{grid-template-columns:1fr}.ap-page .ap-intro h1{font-size:2.55rem}.ap-page .ap-intro .ai-breadcrumb{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ap-step,.ap-frame-focus{transition:none}.ap-frame-focus{display:none}}
.ap-existing-legend{font-size:.76rem;line-height:1.65;color:#b9cfdd;margin-top:18px;margin-bottom:0}
.ap-page.inner-enhanced .section{padding-top:40px;padding-bottom:40px}
.ap-reading-block:only-child{grid-column:1/-1}
