@import url('/v21-mobile-original.css');
/* COMMAND OS STUDIO V23 — corrective layer: reliable hero controls; desktop grid. */
.hero-actions > .button-light{display:none!important}
.hero-actions{gap:0}
.hero-choices{position:relative!important;z-index:12!important;isolation:isolate}
.hero-choices>button{position:relative!important;z-index:1!important;transform:none!important;transform-style:flat!important;touch-action:manipulation!important;pointer-events:auto!important;cursor:pointer}
.hero-choices>button:hover,.hero-choices>button:focus-visible{transform:none!important}
.hero-choices>button>*{pointer-events:none!important}
.hero-choices>button::before,.hero-choices>button::after{pointer-events:none!important}
.hero-choices>button.selected{border-color:#f4d0b7!important}
@media(min-width:761px){
#expertises .cos-expertise-bar,#expertises .cos-expertise-live{display:none!important}
#expertises .v11-heading{display:block!important;max-width:100%;margin-bottom:clamp(22px,3vw,42px)!important}
#expertises .v11-heading>p{display:block!important;width:auto!important;max-width:650px!important;margin:16px 0 0!important;text-align:left!important;font:500 clamp(13px,1.05vw,16px)/1.75 Manrope,Arial,sans-serif!important;letter-spacing:-.013em!important;color:rgba(244,249,243,.9)!important;text-wrap:pretty}
#expertises .v11-workspace{display:grid!important;grid-template-columns:minmax(320px,.78fr) minmax(0,1.42fr)!important;align-items:start!important;column-gap:clamp(24px,3.1vw,52px)!important;row-gap:0!important}
#expertises .v11-service-list{grid-column:1!important;grid-row:1!important;min-width:0!important;align-self:start!important}
#expertises .v11-demo-panel{grid-column:2!important;grid-row:1!important;min-width:0!important;align-self:start!important;position:relative!important;top:auto!important}
#expertises .v11-service{min-height:85px!important;width:100%!important}
#expertises .v11-service-label strong{font-size:clamp(14px,1.24vw,19px)!important;line-height:1.3!important}
#expertises .v11-service-label small{line-height:1.45!important}
#expertises .v11-demo-window{height:clamp(365px,35vw,475px)!important}
}
@media(min-width:761px) and (max-width:1040px){
#expertises .v11-workspace{grid-template-columns:minmax(265px,.83fr) minmax(0,1.17fr)!important;column-gap:20px!important}
#expertises .v11-service{min-height:88px!important}
}
@media(max-width:760px){.hero-choices>button{min-height:72px!important}}
@media(prefers-reduced-motion:reduce){.hero-choices>button{transition:none!important}}

/* V23.1: tablet collision repair and guarantee single-column desktop service list. */
@media(min-width:921px){#expertises .v11-service-list{display:block!important}}
@media(min-width:761px) and (max-width:920px){
#expertises .v11-workspace{grid-template-columns:minmax(0,1fr)!important;row-gap:20px!important}
#expertises .v11-service-list{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;min-width:0!important}
#expertises .v11-service{min-width:0!important;max-width:100%!important;width:100%!important;min-height:87px!important;margin:0!important;grid-template-columns:28px minmax(0,1fr) 24px!important}
#expertises .v11-service-footnote{margin:0!important;align-self:center!important;grid-column:auto!important}
#expertises .v11-demo-panel{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important}
}


/* V24 — Section Savoir-faire: content-first demonstration sizing & sharp editorial finish.
   Purposefully isolated from the hero, forms, projects and existing demo logic. */
#expertises .v11-demo-panel{border:1px solid rgba(247,237,224,.62)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(60,81,84,.92),rgba(27,48,56,.97) 75%)!important;box-shadow:0 28px 74px rgba(2,13,21,.47),inset 0 1px rgba(255,255,255,.10)!important}
#expertises .v11-demo-header{border-bottom-color:rgba(239,235,220,.25)!important}
#expertises .v11-demo-header>span:first-child{letter-spacing:.12em!important;font-weight:800!important}
#expertises .v11-heading h2{letter-spacing:-.065em;text-wrap:balance}
#expertises .v11-service-label strong{letter-spacing:-.028em}
#expertises .v11-demo-window:before{opacity:.34}
#expertises .v17-stage{transform:none!important;backface-visibility:visible!important;border-color:rgba(242,239,223,.72)!important;border-radius:11px!important;box-shadow:0 18px 46px rgba(4,18,24,.38),0 0 0 1px rgba(255,255,255,.07)!important}
#expertises .v17-chrome{background:#203840!important}
#expertises .v17-chrome>b{font-size:11px;letter-spacing:.045em}
#expertises .v17-chrome>small{font-size:8px;letter-spacing:.06em}
#expertises .v17-document>p{color:#4d655d!important;font-size:10px!important;line-height:1.5!important}
#expertises .v17-document-top>span,#expertises .v17-evidence-top>span{font-size:8.5px!important}
#expertises .v17-evidence>small{font-size:8.5px!important}
#expertises .v17-evidence p{font-size:10px!important;line-height:1.55!important;color:#e0eee2!important}
#expertises .v17-clauses button{min-height:32px}
#expertises .v17-foot>span{font-size:10px!important;line-height:1.38!important}
#expertises .v17-foot-label{font-size:8.5px!important}
#expertises .v17-flow-path>div>b{font-size:clamp(10.5px,.9vw,13px)!important}
@media(min-width:761px){
/* V25: V24's 600–660 px universal window was removed. Demos 02/03 own their intrinsic height; existing 04/05 retain their presentation. */
#expertises .v11-demo-window:has(.v11-demo.active[data-demo="3"],.v11-demo.active[data-demo="4"]){height:clamp(600px,48vw,660px)!important;max-height:none!important;overflow:hidden!important;padding:22px!important}
#expertises .v11-demo-window:has(.v11-demo.active[data-demo="0"]){height:clamp(440px,33vw,500px)!important}
#expertises .v11-demo[data-demo="1"],#expertises .v11-demo[data-demo="2"],#expertises .v11-demo[data-demo="3"],#expertises .v11-demo[data-demo="4"]{padding:15px 16px 10px!important;overflow:visible!important}
#expertises .v17-stage{width:min(760px,100%)!important;height:calc(100% - 28px)!important;max-height:none!important;flex:0 0 auto!important}
#expertises .v11-demo-panel{overflow:hidden!important}
#expertises .v17-flow-scene{overflow:hidden!important}
#expertises .v17-flow-before,#expertises .v17-flow-after{padding:12px 15px!important}
#expertises .v17-proof-body{min-height:0!important}
#expertises .v17-chrome{min-height:39px}
}
@media(min-width:981px){#expertises .v11-service-list{position:sticky!important;top:112px!important}}
@media(max-width:760px){
#expertises .v11-demo-window:has(.v11-demo.active[data-demo="3"],.v11-demo.active[data-demo="4"]){height:clamp(455px,120vw,535px)!important}
#expertises .v17-stage{height:calc(100% - 20px)!important;max-height:none!important;flex:0 0 auto!important}
#expertises .v17-foot>span{font-size:8.5px!important}
#expertises .v17-chrome>b{font-size:8px}
#expertises .v17-chrome>small{font-size:7px}
}