/* Version B: three technology diagrams, with the original engines and geometry intact. */
.technology-page .technology-hero,.delivery-page .delivery-hero{padding:64px 0 43px}
.technology-page .detail-breadcrumb,.delivery-page .detail-breadcrumb{margin-bottom:34px}
.technology-page .detail-hero-grid,.delivery-page .detail-hero-grid{gap:60px;grid-template-columns:1.3fr 1fr}
.technology-page .detail-hero h1,.delivery-page .detail-hero h1{font-size:clamp(44px,5.7vw,82px);max-width:16ch}
.technology-page .detail-hero-copy,.delivery-page .detail-hero-copy{font-size:18px;line-height:1.65;max-width:40ch}
.technology-page .detail-subnav,.delivery-page .detail-subnav{margin-top:40px;gap:20px 40px}
.technology-page .technology-section,.delivery-page .delivery-section{position:relative;padding:76px 0}
.technology-page .detail-heading{gap:48px;margin-bottom:34px}
.technology-page .detail-heading h2{font-size:clamp(34px,4vw,57px);max-width:24ch}
.technology-page .detail-heading h2 em{font-style:normal;color:#76658f}
.technology-page .detail-heading p:not(.section-label){font-size:16px;line-height:1.75;max-width:64ch;margin-top:20px}
.technology-page .detail-heading .section-label{max-width:24ch;line-height:1.7}
.technology-page .detail-scene{margin-top:20px}
.technology-page .technology-section--agents{background:#edf0eb}
.technology-anchor{display:block;position:relative;width:0;height:0;scroll-margin-top:28px}
.technology-page .technology-model-key{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}
.technology-page .technology-key-group>.mono{font-size:10px;line-height:1.6;display:flex;gap:10px;align-items:center;margin-bottom:16px}
.technology-page .technology-key-group i{display:block;width:7px;height:7px;background:#bba7e8;flex:none}
.technology-page .technology-key-group--systems i{background:#a8cdbb}
.technology-page .technology-model-key dl{margin:0}
.technology-page .technology-model-key dl>div{display:grid;grid-template-columns:135px 1fr;gap:16px;border-top:1px solid var(--line);padding:15px 0}
.technology-page .technology-model-key dt{font-size:16px;line-height:1.6;font-weight:500;letter-spacing:-.02em}
.technology-page .technology-model-key dd{margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:40ch}
.technology-page .detail-note{font-size:12px;line-height:1.7;max-width:105ch}
.delivery-page .detail-steps{gap:28px}
.delivery-page .detail-steps h3{font-size:25px;max-width:13ch}
.delivery-page .detail-steps p{line-height:1.75}
.delivery-page .delivery-architecture-link{display:flex;align-items:center;justify-content:space-between;gap:40px;border-block:1px solid var(--line);padding:28px 0;margin-top:44px;scroll-margin-top:28px}
.delivery-page .delivery-architecture-link .mono{font-size:10px;color:var(--muted);margin-bottom:12px}
.delivery-page .delivery-architecture-link h3{font-size:29px;line-height:1.25;letter-spacing:-.035em}
.delivery-page .delivery-architecture-link .text-link{font-size:13px;flex:none;max-width:31ch}
@media(min-width:1101px){
 .technology-page .technology-section--systems{padding:44px 0 58px}
 .technology-page .technology-section--systems .detail-heading{grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start;margin-bottom:20px}
 .technology-page .technology-section--systems .detail-heading>div{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
 .technology-page .technology-section--systems .detail-heading h2{font-size:36px;line-height:1.1}
 .technology-page .technology-section--systems .detail-heading p:not(.section-label){font-size:14px;line-height:1.65;margin:0;max-width:45ch}
 .technology-page .technology-section--systems .detail-heading .section-label{padding-top:5px;font-size:10px}
 .technology-page .technology-section--systems .detail-scene{margin-top:0;padding-block:0}
}
@media(max-width:1100px){
 .technology-page .detail-hero-grid,.delivery-page .detail-hero-grid{gap:40px}
 .technology-page .detail-heading{gap:32px}
 .technology-page .technology-model-key{gap:32px}
 .technology-page .technology-model-key dl>div{grid-template-columns:1fr;gap:5px}
}
@media(max-width:760px){
 .technology-page .technology-hero,.delivery-page .delivery-hero{padding:42px 0 32px}
 .technology-page .detail-breadcrumb,.delivery-page .detail-breadcrumb{margin-bottom:26px}
 .technology-page .detail-hero-grid,.delivery-page .detail-hero-grid{grid-template-columns:1fr;gap:25px}
 .technology-page .detail-hero h1,.delivery-page .detail-hero h1{font-size:clamp(43px,8.5vw,64px);max-width:16ch}
 .technology-page .detail-hero-copy,.delivery-page .detail-hero-copy{font-size:16px;max-width:48ch}
 .technology-page .detail-subnav,.delivery-page .detail-subnav{display:grid;gap:8px;margin-top:28px;padding-top:18px}
 .technology-page .technology-section,.delivery-page .delivery-section{padding:52px 0}
 .technology-page .detail-heading{gap:17px;margin-bottom:26px}
 .technology-page .detail-heading h2{font-size:38px}
 .technology-page .detail-heading p:not(.section-label){font-size:15px;line-height:1.75;margin-top:17px}
 .technology-page .detail-heading .section-label{max-width:none}
 .technology-page .technology-model-key{grid-template-columns:1fr;gap:28px;margin-top:26px}
 .technology-page .technology-model-key dl>div{grid-template-columns:120px 1fr;gap:14px;padding:12px 0}
 .technology-page .technology-model-key dt{font-size:15px}
 .technology-page .technology-model-key dd{font-size:13px}
 .technology-page .detail-note{font-size:11px;margin-top:18px}
 .delivery-page .delivery-architecture-link{align-items:flex-start;flex-direction:column;gap:24px;margin-top:32px;padding:24px 0}
 .delivery-page .delivery-architecture-link h3{font-size:27px}
 .delivery-page .delivery-architecture-link .text-link{max-width:none}
 .delivery-page .detail-steps h3{max-width:20ch}
}
@media(max-width:420px){
 .technology-page .detail-heading h2{font-size:34px}
 .technology-page .technology-model-key dl>div{grid-template-columns:1fr;gap:4px}
 .technology-page .detail-hero h1,.delivery-page .detail-hero h1{font-size:43px}
}

/* One core, many applications: the IR architecture canvas and four explanations. */
.technology-page .technology-architecture{margin:4px 0 40px}
.technology-page .technology-architecture>p{margin:0;padding:24px 0;color:var(--muted);font-size:15px;line-height:1.6}
.technology-page .technology-platform-steps h3{font-size:21px}
.technology-page .technology-platform-steps p{font-size:15px;line-height:1.7}
.technology-page .technology-section--platform .detail-note{margin-top:36px}
.technology-page .technology-section--platform .detail-note .text-link{font-size:inherit}
@media(max-width:760px){.technology-page .technology-architecture{margin-bottom:28px}.technology-page .technology-platform-steps h3{font-size:19px}}

/* Technology page captions: full width, short. */
.technology-page #foundation-note,.technology-page .technology-section--platform .detail-note{max-width:none;margin-top:22px}
.technology-page .technology-readable-summary{max-width:none;margin:20px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}

/* Agents + optimization: the conversation scene fits one desktop screen. */
@media(min-width:1101px){
 .technology-page .cv-scene{padding:18px 16px 10px}
 .technology-page .cv-topline{margin-bottom:16px}
 .technology-page .cv-scenarios button{min-height:38px;padding:7px 12px}
 .technology-page .cv-board{gap:14px var(--cv-flow-gap)}
 .technology-page .cv-platform{padding:12px var(--cv-platform-padding)}
 .technology-page .cv-platform-heading{padding-bottom:9px}
 .technology-page .cv-operational-data{padding:8px 10px}
 .technology-page .cv-language-step{padding:11px 11px}
 .technology-page .cv-language-step .cv-small-label{margin-bottom:5px}
 .technology-page .cv-scene .cv-language-step p{margin-top:4px}
 .technology-page .cv-speech{min-height:0;padding:14px 14px 24px}
 .technology-page .cv-scene .cv-speech p{margin-top:9px}
 .technology-page .cv-person-label{padding-bottom:12px}
 .technology-page .cv-cartridge{padding:15px 12px 10px}
 .technology-page .cv-core{min-height:72px;padding:11px 9px}
 .technology-page .cv-core strong{margin-top:6px}
 .technology-page .cv-scene .cv-cartridge>p{min-height:0;margin-top:8px}
 .technology-page .cv-cartridge-foot{padding-top:7px;margin-top:7px}
 .technology-page .cv-memory{padding:7px 12px}
 .technology-page .cv-result{padding:11px 12px 10px}
 .technology-page .cv-preview{margin:8px -3px 7px}
 .technology-page .cv-review-label{margin-top:8px;padding-top:6px}
 .technology-page .cv-bottomline{margin-top:12px;padding-top:9px}
 .technology-page.readable-layout .cv-scene :is(.cv-kicker,.cv-person-label,.cv-small-label,.cv-operational-data b,.cv-operational-data span span,.cv-platform-heading,.cv-platform-name,.cv-core>span,.cv-cartridge-foot,.cv-memory b,.cv-memory span,.cv-review-label){font-size:12px;line-height:1.45}
 .technology-page.readable-layout .cv-scene :is(.cv-language-step p,.cv-cartridge>p,.cv-result>p,.cv-bottomline p,.cv-bottomline .cv-note){font-size:13px;line-height:1.5}
 .technology-page.readable-layout .cv-scene .cv-speech p{font-size:15px;line-height:1.5}
}
body.comparison-site.technology-page #main .technology-readable-summary[data-type]{max-width:none}

/* The Operational Intelligence cycle. The four drawings came from the home; their colours are the shared tokens.
   oi-cycle.js plays the cycle once when it comes into view. Without it, and with reduced motion, this is the finished state. */
.technology-page .oi-cycle{margin:0}
.technology-page .oi-cycle-bar{display:flex;justify-content:flex-end;min-height:44px;margin:-20px 0 4px}
.technology-page .oi-cycle-art{height:150px;display:flex;align-items:center;margin-top:12px;transition:opacity .35s}
.technology-page .oi-cycle-art svg{display:block;width:100%;height:auto;max-height:100%}
.technology-page .oi-cycle .e-wire{fill:none;stroke:var(--muted);stroke-width:1.2}
.technology-page .oi-cycle .e-route{fill:none;stroke:var(--lavender-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.technology-page .oi-cycle .e-return{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:4 4}
.technology-page .oi-cycle .e-frame{fill:var(--surface);stroke:var(--line);stroke-width:1.2}
.technology-page .oi-cycle .e-node{fill:var(--sage-ink)}
.technology-page .oi-cycle .e-sage{fill:var(--cap-operational)}
.technology-page .oi-cycle :is(.e-teal,.e-memory){fill:var(--cap-memory)}
.technology-page .oi-cycle-return{height:28px;margin-top:20px}
.technology-page .oi-cycle-return svg{display:block;width:100%;height:100%;fill:none;stroke:var(--muted);stroke-width:1}
/* While it plays: the current step is in focus, its route is drawn, and at the end the line returns to the first step. */
.technology-page .oi-cycle.is-playing:not(.is-returning) li:not(.is-live) .oi-cycle-art{opacity:.4}
.technology-page .oi-cycle.is-playing li.is-live{border-top-color:var(--ink)}
.technology-page .oi-cycle.is-playing :is(.e-route,.oi-return-line){stroke-dasharray:100;stroke-dashoffset:100}
.technology-page .oi-cycle.is-playing li:is(.is-live,.is-done) .e-route{stroke-dashoffset:0;transition:stroke-dashoffset .7s ease}
.technology-page .oi-cycle.is-playing.is-returning .oi-return-line{stroke-dashoffset:0;transition:stroke-dashoffset .7s ease}
.technology-page .oi-cycle.is-playing .oi-return-head{opacity:0}
.technology-page .oi-cycle.is-playing.is-returning .oi-return-head{opacity:1;transition:opacity .2s .6s}
@media(max-width:1100px){.technology-page .oi-cycle-return{display:none}}
@media(prefers-reduced-motion:reduce){.technology-page .oi-cycle-art,.technology-page .oi-cycle :is(.e-route,.oi-return-line,.oi-return-head){transition:none}}