/* Shared editorial hierarchy. Brand colors and functional demonstration panels are retained. */
:root{--wrap:1720px}
html body[data-presentation] :is(.wrap,.catalog-wrap,.fleet-wrap,.insight-wrap){max-width:var(--wrap)}
/* The carousel rail is absolutely positioned, so center it on the same grid as the hero copy. */
html body[data-presentation] .hero .hero-bottom{left:50%;right:auto;width:calc(100% - var(--page-gutter)*2);max-width:var(--wrap);transform:translateX(-50%);justify-content:flex-end}
html body[data-presentation] .hero .hero-scenes{margin-inline-start:auto}
html body[data-presentation] .hero :is(.scroll-cue,.video-control){display:none!important}
html body[data-presentation] .hero .hero-kicker,
html body[data-presentation] .insight-home .insight-meta{display:none!important}
/* Keep the full-bleed AI background while aligning its content with the device section above. */
html body[data-presentation] .section.intelligence{width:100%;max-width:none;padding-inline:0}
html body[data-presentation] .section.intelligence>:is(.section-heading,.ai-grid,.data-section){width:calc(100% - var(--page-gutter)*2);max-width:var(--wrap);margin-inline:auto}
/* Solution pages use full-bleed banners and navigation rails; article content stays constrained below. */
html body[data-presentation] .fleet-hero{width:100%;max-width:none;margin:0}
html body[data-presentation] .fleet-subnav>div{width:100%;max-width:none;margin-inline:0;padding-inline:var(--page-gutter)}
html body[data-presentation] :is(.catalog-hero,.ai-hero){width:100%;max-width:none;margin-inline:0}
html body[data-presentation] .ai-hero{margin-top:0}
html body[data-presentation] .ai-section-nav>div{width:100%;max-width:none;margin-inline:0;padding-inline:var(--page-gutter);justify-content:space-between}
html body[data-presentation] :is(.section,.platform-section,.devices-section,.section.intelligence,.insight-home-section,.why-leave){padding-block:76px}
html body[data-presentation] .section-heading{margin-bottom:32px;gap:8%}
html body[data-presentation] :is(.section-heading h2,.showcase-heading h2,.catalog-section-line h2,.ai-section-heading h2,.why-leave h2){font-size:clamp(29px,2.5vw,40px);line-height:1.28;font-weight:500;letter-spacing:-.025em}
html body[data-presentation] :is(.heading-aside,.ai-section-heading>p){font-size:14px;line-height:1.85;max-width:49ch}
html body[data-presentation] .section-label{font-size:12px;margin-bottom:12px}
html body[data-presentation] #solutions{padding-block:50px 68px}
html body[data-presentation] .solution-grid{gap:24px}
html body[data-presentation] .solution-grid .solution-title{font-size:21px!important;line-height:1.4}
html body[data-presentation] .solution-grid .solution-summary{font-size:13px!important;line-height:1.85}
html body[data-presentation] .solution-grid .solution-bottom-row{padding-top:12px}
/* One platform message and one device message, each paired with a dominant image. */
html body[data-presentation] .platform-showcase{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8%}
html body[data-presentation] .platform-copy p{font-size:15px;line-height:1.9;margin-top:0;max-width:48ch}
html body[data-presentation] .platform-copy .button{margin-top:25px}
html body[data-presentation] .saas-services.service-grid{margin-top:30px;gap:30px}
html body[data-presentation] .saas-services .service-item{display:flex;align-items:center;gap:18px;padding-block:18px 0}
html body[data-presentation] .saas-services .service-item>.service-icon{width:22px;height:22px;margin:0;flex:none}
html body[data-presentation] .saas-services .service-item h3{font-size:17px;margin:0;line-height:1.5;font-weight:500}
html body[data-presentation] .saas-services .service-link{display:none}
html body[data-presentation] .device-showcase{gap:8%;grid-template-columns:1fr 1fr}
html body[data-presentation] .device-visual.device-catalog-preview{min-height:375px}
html body[data-presentation] .device-visual.device-catalog-preview img{height:300px;max-height:300px}
html body[data-presentation] .device-copy>p{font-size:15px;line-height:1.9;margin-top:0}
html body[data-presentation] .device-category-links{margin-block:23px}
/* Three photo-led service cards replace the duplicated API grid on the homepage. */
html body[data-presentation] #intelligence .ai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body[data-presentation] #intelligence .ai-card{display:flex;flex-direction:column;height:auto;min-width:0;background:transparent;overflow:visible;color:#16191f}
html body[data-presentation] #intelligence .ai-card>img{position:static;display:block;inset:auto;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;opacity:1;filter:none}
html body[data-presentation] #intelligence .ai-card-shade{display:none}
html body[data-presentation] #intelligence .ai-copy{position:static;display:flex;flex-direction:column;flex:1;padding-top:20px;inset:auto;color:#16191f}
html body[data-presentation] #intelligence .ai-copy>.service-icon{display:none}
html body[data-presentation] #intelligence .ai-copy strong{font-size:22px;font-weight:500;line-height:1.4;color:#16191f;max-width:none}
html body[data-presentation] #intelligence .ai-copy>span:not(.ai-link){font-size:13px;line-height:1.85;color:#66707d;max-width:none;margin-top:11px}
html body[data-presentation] #intelligence .ai-link{font-size:13px;color:#dc2d1b;margin-top:auto;padding-top:20px}
html body[data-presentation] #intelligence .ai-link .icon{color:#dc2d1b}
/* Three comparable reasons, without a second set of diagrams or navigation tiles. */
html body[data-presentation] .why-leave>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body[data-presentation] .why-heading,html body[data-presentation] .why-actions{grid-column:1/-1}
html body[data-presentation] .why-heading{margin-bottom:10px;gap:8%;align-items:end}
html body[data-presentation] .why-pillars{display:contents}
html body[data-presentation] .why-leave :is(.why-private,.why-ownership,.why-business){display:block;min-width:0;padding:27px;margin:0;background:#f5f6f8;color:#16191f;border:0}
html body[data-presentation] .why-leave .why-icon{color:#dc2d1b;margin-bottom:20px}
html body[data-presentation] .why-leave .why-icon svg{width:25px;height:25px}
html body[data-presentation] .why-leave h3{font-size:23px;font-weight:500;line-height:1.4;margin-bottom:16px}
html body[data-presentation] .why-leave article p,html body[data-presentation] .why-leave .why-private p{color:#66707d;font-size:14px;line-height:1.9}
html body[data-presentation] .why-actions{margin-top:4px;gap:26px}
html body[data-presentation] .insight-home .insight-card p{display:none}
html body[data-presentation] .insight-home .insight-meta>span:not(:first-child){display:none}
html body[data-presentation] .insight-home .insight-card h3{font-size:21px;line-height:1.45;margin-bottom:20px}
/* Keep inner pages on the same type scale and grid. */
html body[data-presentation] .fleet-overview{padding-block:42px 25px;gap:8%}
html body[data-presentation] .fleet-overview h2{font-size:27px;line-height:1.35;font-weight:500}
html body[data-presentation] .fleet-chapter{gap:7%;padding-block:68px}
html body[data-presentation] :is(.chapter-copy h2,.wide-heading h2,.module-copy h3){font-size:clamp(28px,2.4vw,38px);line-height:1.3;font-weight:500}
html body[data-presentation] :is(.chapter-intro,.module-copy>p){font-size:14px;line-height:1.9;max-width:58ch}
html body[data-presentation] .feature-points{margin-top:24px}
html body[data-presentation] .feature-points li{border:0;padding-inline:0}
html body[data-presentation] .feature-points strong{font-size:14px;font-weight:500;line-height:1.6}
html body[data-presentation] .feature-points p{font-size:13px;line-height:1.85;margin-top:7px}
html body[data-presentation] :is(.fleet-panel,.module-console,.platform-window,.ai-agent-workspace,.library-card){box-shadow:none;border-radius:2px}
html body[data-presentation] .catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
html body[data-presentation] .catalog-product-grid :is(.catalog-product,.featured-product){display:flex;flex-direction:column;grid-column:auto;min-width:0;background:transparent}
html body[data-presentation] .catalog-product-grid .catalog-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.15;height:auto;min-height:0;padding:25px}
html body[data-presentation] .catalog-product-grid .catalog-product-image>img{width:100%;height:260px;max-height:260px;object-fit:contain}
html body[data-presentation] .catalog-product-grid .catalog-product-copy{padding:22px 0 0;flex:1}
html body[data-presentation] .catalog-product-grid h3{font-size:22px;line-height:1.4;font-weight:500;min-height:2.8em}
html body[data-presentation] .catalog-product-grid .catalog-product-copy>p:not(.product-model){font-size:13px;line-height:1.85}
html body[data-presentation] .catalog-product-grid .product-highlights{gap:15px;margin-block:23px}
html body[data-presentation] .catalog-product-grid .product-highlights strong{font-size:18px}
html body[data-presentation] .catalog-product-grid .product-highlights span{font-size:11px}
html body[data-presentation] :is(.catalog-filters,.module-tabs,.platform-screen-tabs,.library-filters){gap:8px}
html body[data-presentation] :is(.catalog-filters,.module-tabs,.platform-screen-tabs,.library-filters)>button{font-size:13px;min-height:43px;padding:10px 17px}
@media(max-width:1100px){
 html body[data-presentation] .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body[data-presentation] .why-leave>.wrap{gap:18px}
 html body[data-presentation] .why-leave :is(.why-private,.why-ownership,.why-business){padding:23px}
 html body[data-presentation] .why-leave h3{font-size:21px}
}
@media(max-width:740px){
 html body[data-presentation] :is(.section,.platform-section,.devices-section,.section.intelligence,.insight-home-section,.why-leave){padding-block:48px}
 html body[data-presentation] #solutions{padding-block:36px 44px}
 html body[data-presentation] .section-heading{margin-bottom:24px}
 html body[data-presentation] :is(.section-heading h2,.showcase-heading h2,.catalog-section-line h2,.ai-section-heading h2,.why-leave h2){font-size:29px}
 html body[data-presentation] .solution-grid{gap:27px 16px}
 html body[data-presentation] .solution-grid .solution-title{font-size:18px!important}
 html body[data-presentation] .solution-grid .solution-summary{font-size:12px!important}
 html body[data-presentation] .platform-showcase,html body[data-presentation] .device-showcase{grid-template-columns:1fr;gap:24px}
 html body[data-presentation] .platform-copy p,html body[data-presentation] .device-copy>p{font-size:14px}
 html body[data-presentation] .saas-services.service-grid{gap:18px}
 html body[data-presentation] .device-visual.device-catalog-preview{min-height:310px}
 html body[data-presentation] .device-visual.device-catalog-preview img{height:250px;max-height:250px}
 html body[data-presentation] #intelligence .ai-grid{grid-template-columns:1fr;gap:32px}
 html body[data-presentation] #intelligence .ai-copy strong{font-size:22px}
 html body[data-presentation] #intelligence .ai-card>img{aspect-ratio:1.7}
 html body[data-presentation] .why-leave>.wrap{grid-template-columns:1fr;gap:18px}
 html body[data-presentation] .why-heading{margin-bottom:6px}
 html body[data-presentation] .why-leave :is(.why-private,.why-ownership,.why-business){padding:25px 23px}
 html body[data-presentation] .why-leave h3{font-size:22px}
 html body[data-presentation] .why-actions{margin-top:8px}
 html body[data-presentation] .fleet-chapter{padding-block:44px}
 html body[data-presentation] .catalog-product-grid{grid-template-columns:1fr;gap:36px}
 html body[data-presentation] .catalog-product-grid .catalog-product-image>img{height:240px;max-height:240px}
 html body[data-presentation] .catalog-product-grid h3{min-height:0}
}

html body[data-presentation] .insight-home .insight-meta time{display:none}

@media(min-width:1920px){:root{--wrap:1920px}}

/* Give the SaaS hero the same full-height edge treatment as the AI service hero. */
@media(min-width:901px){
 html body[data-presentation][data-catalog=saas] .saas-hero{padding-block:0;min-height:500px}
 html body[data-presentation][data-catalog=saas] .saas-hero .catalog-hero-visual{width:calc(100% + var(--content-edge));height:100%;min-height:500px;margin-right:calc(-1 * var(--content-edge));overflow:hidden}
 html body[data-presentation][data-catalog=saas] .saas-hero .catalog-hero-visual>img{object-fit:cover;object-position:center}
}