/* Shared final layout layer. No fixed-width desktop canvas may widen the page. */
:root{--qreew-header-space:110px}
html{scroll-padding-top:var(--qreew-header-space)}
body{min-width:0}
#main,#main section,#main article,#main aside,#main form,#main div,.studio-footer>div{min-width:0}
img,video,canvas,iframe{max-width:100%}
input,textarea,select{min-width:0}
.qreew-page-approche #main,.qreew-page-diagnostic #main,.qreew-page-integrations #main,.qreew-page-workflows #main,.qreew-page-agents-ia #main,.qreew-page-orchestration #main,.qreew-page-onboarding #main,.qreew-page-protime #main{padding-top:0}
/* Progressive enhancement: page content remains visible if JavaScript fails. */
.ap [data-reveal]{opacity:1;transform:none}
.ap .ap-txt h3,.hub-card strong,.dm-head h1{overflow-wrap:break-word}
/* The same reversed-Q arrow treatment as the approved navigation. */
.ap .ap-btn.pill,.hub .hub-black.pill,.dm .dm-submit.pill,.wf .wf-btn.pill,.ac .ac-btn.pill,.oc .oc-btn.pill,.ob .ob-btn.pill,.pc .pc-btn.pill{--button-color:#5268ec;display:inline-flex;align-items:center;gap:12px;min-height:52px;background:var(--button-color);border:2px solid var(--button-color);color:#fff;border-radius:50px;padding:3px 21px 3px 3px;font-size:14px;line-height:1.3;text-align:left;max-width:100%;transition:background .2s,color .2s;transform:none}
.ap .ap-btn.pill .pill-icon,.hub .hub-black.pill .pill-icon,.dm .dm-submit.pill .pill-icon,.wf .wf-btn.pill .pill-icon,.ac .ac-btn.pill .pill-icon,.oc .oc-btn.pill .pill-icon,.ob .ob-btn.pill .pill-icon,.pc .pc-btn.pill .pill-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:white;color:var(--button-color);border-radius:50% 0 50% 50%}
.ap .ap-btn.pill svg,.hub .hub-black.pill svg,.dm .dm-submit.pill svg,.wf .wf-btn.pill svg,.ac .ac-btn.pill svg,.oc .oc-btn.pill svg,.ob .ob-btn.pill svg,.pc .pc-btn.pill svg{width:23px;height:23px}
.ap .ap-btn.pill:hover,.hub .hub-black.pill:hover,.dm .dm-submit.pill:hover,.wf .wf-btn.pill:hover,.ac .ac-btn.pill:hover,.oc .oc-btn.pill:hover,.ob .ob-btn.pill:hover,.pc .pc-btn.pill:hover{background:white;color:var(--button-color)}
.hub .hub-become.pill{gap:7px;font-size:11px;padding-right:10px;justify-content:flex-start}
.hub .hub-become.pill .pill-icon{width:34px;height:34px}
@media(max-width:1100px){
 .studio-nav{gap:16px}.studio-nav nav a{padding-inline:10px}.studio-nav nav .nav-contact{font-size:11px;padding-right:12px;gap:8px}
 .inner-page .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inner-page .integration-card{min-width:0}.integration-card h2,.integration-card h3,.integration-detail a{overflow-wrap:anywhere}
}
@media(max-width:900px){
 :root{--qreew-header-space:96px}
 .studio-nav{top:10px;left:3%;width:94%;padding:8px 10px 8px 16px;gap:12px}
 .nav-toggle{display:block;border:1px solid #d5d7e6;padding:10px 16px;background:#fff;border-radius:12px;font-size:14px;min-height:44px}
 .studio-nav nav{display:none;position:absolute;top:calc(100% + 10px);right:0;width:min(330px,100%);max-height:calc(100svh - 100px);overflow:auto;padding:12px;flex-direction:column;align-items:stretch;background:#fffffff7;border-radius:18px;box-shadow:0 10px 30px #13173320}
 .studio-nav nav.is-open{display:flex}.studio-nav nav a{font-size:14px;padding:14px;min-height:44px}.studio-nav nav .nav-contact{margin-top:8px;font-size:13px;max-width:100%;justify-content:flex-start}.studio-brand{font-size:25px}
 .inner-page #main{padding-top:100px}.qreew-page-approche #main,.qreew-page-diagnostic #main,.qreew-page-integrations #main,.qreew-page-workflows #main,.qreew-page-agents-ia #main,.qreew-page-orchestration #main,.qreew-page-onboarding #main,.qreew-page-protime #main{padding-top:0}
 .inner-page .service-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:35px;max-width:none}
 .feature-panel,.ac-card-big,.ac-card-big.rev{position:relative;top:auto;grid-template-columns:minmax(0,1fr);min-height:0}
 .workflow-window{min-width:0!important;width:100%;height:auto;grid-template-columns:minmax(0,1fr)}
 .workflow-shell,.workflow-canvas,.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .table-scroll table{min-width:560px}.table-scroll:focus-visible{outline:2px solid #5268ec;outline-offset:3px}
 .inner-page .catalog-controls{flex-wrap:wrap}.catalog-controls label{flex:1 1 220px}
 .ap-hero{margin-top:96px}
}
@media(max-width:600px){
 .studio-hero .hero-copy{padding:110px 6% 0;width:100%;max-width:none}
 .studio-hero .hero-copy h1{font-size:clamp(34px,9vw,52px);line-height:1.04;overflow-wrap:break-word}
 .studio-hero .hero-copy p{font-size:17px;line-height:1.4}
 .studio-hero{min-height:850px;min-height:max(850px,100svh)}
 .studio-hero .hero-media{height:47%;top:auto;bottom:0}
 .hero-actions{gap:10px}.hero-actions .pill{min-height:48px;font-size:12px;max-width:100%}
 .logo-section{padding-inline:16px;margin-inline:12px}.logo-marquee{margin-inline:-16px}
 .product-stage{display:flex;flex-direction:column;padding-inline:10px}.product-window{width:100%}.process-card{position:relative;min-width:0;width:100%;transform:none}.source-card{display:block}
 .window-bar{height:auto;min-height:48px;flex-wrap:wrap;padding:10px;gap:8px}.window-tools,.window-bottom{flex-wrap:wrap;gap:8px}.simulation-tag{margin-left:0}
 .section-title h2,.feature-copy h2,.method-heading h2{font-size:clamp(30px,8vw,40px)}
 .feature-panel{padding:16px;border-radius:26px}.feature-copy{padding:8px}.feature-copy>p{font-size:16px}.feature-art{min-height:280px}
 .method-path{grid-template-columns:minmax(0,1fr)}.method-section{padding:30px 20px}.resource-grid{grid-template-columns:minmax(0,1fr)}
 .prompt-section{padding-inline:16px}.prompt-section textarea{padding:20px;font-size:16px}.prompt-toolbar{gap:8px}.prompt-submit{flex-shrink:0}
 .inner-page .shell{width:100%;padding-inline:20px;max-width:100%;margin-inline:0}
 .inner-page .service-hero h1,.inner-page .text-hero h1,.inner-page .article-body h1,.inner-page .integration-detail h1{font-size:clamp(32px,8.7vw,46px);line-height:1.08;overflow-wrap:break-word}
 .inner-page .article-body,.inner-page .integration-detail{padding:35px 20px;max-width:100%}
 .inner-page .integration-grid{grid-template-columns:minmax(0,1fr)}.inner-page .catalog-controls{flex-direction:column}.catalog-controls label{flex:auto;width:100%}
 .inner-page .service-detail,.inner-page .offer-grid,.inner-page .card-grid,.inner-page .resource-grid,.inner-page .use-grid,.inner-page .deliverables-grid{grid-template-columns:minmax(0,1fr)}
 .inner-page .story-drawing{width:100%;margin:0;transform:none;overflow:hidden}.inner-page .employee-card{width:100%;padding:16px}
 .ac-hero h1,.wf-hero h1{font-size:clamp(34px,9vw,50px)}.ac-faq,.wf-faq{padding-inline:20px}.wf-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.wf-tabs>*{flex-shrink:0}
 .ac-art,.wf-art{min-height:300px;max-width:100%}.ac-txt,.wf-tab-text{padding-inline:16px}
 .studio-footer{padding:28px 20px;border-radius:26px}.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 16px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-end{flex-wrap:wrap;gap:16px;font-size:11px}.footer-top a{overflow-wrap:anywhere}
 .pill{max-width:100%}.pill>span:last-child{min-width:0;overflow-wrap:break-word}
 dialog{max-width:calc(100% - 24px);max-height:calc(100svh - 32px);overflow:auto}.lead-modal{padding:30px 22px}.lead-modal h2{font-size:25px}
 input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ap [data-reveal]{opacity:1;transform:none}}