/* Use the viewport, not a fixed central column. Keep only readable text measures. */
.premium .container,.header-inner{width:100%;max-width:none;padding-inline:clamp(22px,3.2vw,110px)}
.p-directory-roster{max-width:none}.p-manifesto{max-width:none}.p-manifesto>p:last-child{max-width:850px;margin-inline:auto}
.collective .co-hero-split{gap:clamp(35px,4vw,140px)}
.collective .co-hero-copy h1{font-size:56px;max-width:none}
.collective .co-hero-copy .p-hero-lead{max-width:850px;font-size:18px}
.co-hero-diagram{max-width:none}.co-hero-diagram .uc-board{max-width:none}
.p-section-head:has(>div>h2)>div>h2,.p-people-intro h2,.p-solution-bridge h2,.p-faq-layout h2,.co-savings h2{margin-top:0}
.s-intro h1{max-width:80%}.s-intro-visual h1{max-width:none}
.p-directory-hero h1{max-width:85%}.p-directory-hero>p:last-child{max-width:850px}
.p-answer{max-width:none}.p-answer p{max-width:80ch}
.s-document-layout{grid-template-columns:minmax(230px,.3fr) 1fr}.supporting .legal-copy{max-width:none}.supporting .legal-copy>p{max-width:90ch}
.page-faq .reading-width{max-width:none}.page-faq .faq-list details p{max-width:90ch}
@media(min-width:1500px){
 .p-explorer{grid-template-columns:.8fr 1.2fr}.p-solution-visual,.s-hero-art,.p-case-poster{width:100%;max-width:none}
 .p-explorer-art .uc-board,.p-solution-visual .uc-board,.s-hero-art .uc-board,.uc-persona .uc-board{max-width:none;width:100%}
 .uc-board{padding-inline:clamp(14px,2vw,60px)}
 .uc-title,.co-hero-diagram .uc-title{font-size:15px}
 .uc-board .co-human .co-avatar,.co-hero-diagram .co-human .co-avatar{width:44px;height:auto}
 .uc-board .co-human strong,.co-hero-diagram .co-human strong{font-size:16px}
 .uc-board .co-agent,.co-hero-diagram .co-agent{max-width:210px;min-height:44px;padding:9px 12px}
 .uc-board .co-agent>span{font-size:12px}.uc-board .co-robot{width:25px;height:25px}
 .uc-board .sn-note,.co-hero-diagram .uc-board .sn-note{min-height:125px;padding:28px 24px}
 .uc-board .sn-note strong,.co-hero-diagram .uc-board .sn-note strong{font-size:20px}
 .uc-board .sn-label{font-size:9px}
 .uc-board .uc-focus>.sn-note strong,.co-hero-diagram .uc-focus>.sn-note strong{font-size:24px}
 .uc-one{max-width:210px}.uc-board .co-hub{font-size:12px}
 .uc-board .uc-outcome{max-width:80%;font-size:14px}
 .uc-board .co-read-note,.uc-board .uc-replay{font-size:11px}
 .uc-library .sn-note strong{font-size:18px}
 .co-hero-diagram .p-desk-tabs button{font-size:13px}
 .co-hero-diagram .p-desk-caption{font-size:9px;max-width:240px}
 .co-hero-diagram .p-desk-logo{font-size:15px}
 .co-hero-diagram .p-desk-panel{padding:35px clamp(20px,2vw,65px)}
 .p-persona-top h1,.p-solution-top h1,.s-intro-visual h1{font-size:56px}
 .p-persona-lead,.p-solution-top>div>p:not(.p-label),.s-intro-visual .intro-lede{max-width:850px;font-size:18px}
 .p-hero-actions .button,.co-hero-copy .p-hero-actions>.button{font-size:14px}
}
@media(max-width:1100px){.collective .co-hero-copy h1{font-size:50px}.collective .co-hero-copy .p-hero-lead{font-size:17px}}
@media(max-width:800px){.premium .container,.header-inner{padding-inline:28px}.collective .co-hero-copy h1{font-size:50px}.s-intro h1,.p-directory-hero h1{max-width:none}.s-document-layout{grid-template-columns:1fr}.co-hero-diagram{max-width:none}}
@media(max-width:540px){.premium .container{padding-inline:22px}.header-inner{padding-inline:18px}.collective .co-hero-copy h1{font-size:43px}.collective .co-hero-copy .p-hero-lead{font-size:16px}}

/* Typography has a ceiling independent of viewport width. */
@media(min-width:801px){.s-intro h1,.s-intro-visual h1,.p-directory-hero h1,.p-persona-top h1,.p-solution-top h1{font-size:56px}.premium .closing h2{font-size:44px}.p-manifesto h2{font-size:46px}}

/* Full-width layout, restrained type and intrinsic component sizes. */
.premium main:not(:has(.plan-home)) h1{font-size:38px!important;line-height:1.12!important}
.premium main:not(:has(.plan-home)) h2{font-size:28px!important;line-height:1.2!important}
.premium main:not(:has(.plan-home)) h3{font-size:21px!important;line-height:1.25!important}
.premium main:not(:has(.plan-home)) .intro-lede,.premium main:not(:has(.plan-home)) .p-hero-lead,.premium .p-persona-lead,.premium .p-solution-top>div>p:not(.p-label){font-size:16px!important;line-height:1.65;max-width:700px}
.premium .p-section,.supporting .section{padding-block:48px}
.premium .s-intro{padding-top:22px;padding-bottom:35px}.s-intro .breadcrumb,.p-persona-hero .breadcrumb,.p-solution-hero .breadcrumb{margin-bottom:28px}
.premium .s-intro .intro-lede{margin-top:18px}.premium .p-persona-hero,.premium .p-solution-hero{padding-top:22px;padding-bottom:35px}.premium .p-directory-hero{padding-top:35px;padding-bottom:30px}
.premium .p-section-head,.supporting .section-heading{margin-bottom:28px}.premium .closing{padding-block:40px}
.premium .p-case-poster,.premium .p-explorer-art,.premium .p-desk-panel,.premium .p-solution-visual,.premium .s-hero-art{min-height:0;padding:24px}
.premium .uc-board,.premium .co-hero-diagram .uc-board{width:100%;max-width:560px;margin-inline:auto;padding-inline:12px}
.premium .uc-board .sn-note{min-height:105px;padding:23px 18px 18px}.premium .uc-board .sn-note strong{font-size:18px}.premium .uc-board .uc-focus>.sn-note strong{font-size:20px}.premium .uc-board .uc-library .sn-note strong{font-size:15px}
.premium .uc-board .co-human .co-avatar{width:36px;height:40px}.premium .uc-board .co-human strong{font-size:14px}.premium .uc-board .co-agent{padding:7px 9px;min-height:38px;max-width:180px}.premium .uc-board .co-agent>span{font-size:10px}.premium .uc-board .co-robot{width:22px;height:22px}.premium .uc-board .uc-title{font-size:13px}.premium .uc-board .uc-outcome{font-size:12px}
.premium .p-persona-top,.premium .p-solution-top,.premium .s-intro-visual .s-intro-grid{gap:40px}.premium .p-method article{padding-block:26px}.premium .p-journey{margin-top:28px}.premium .p-roster a{padding-block:22px;min-height:0}.premium .p-answer{gap:25px}.premium .p-manifesto{padding-block:36px}
.supporting .feature-list h3{min-height:0;margin-bottom:14px}.supporting .feature-list .index{font-size:22px;margin-bottom:16px}.supporting .template-card,.supporting .contact-layout aside{padding:24px}.premium .p-next-links a{padding-block:24px}
.page-pricing .s-intro{padding-bottom:18px}.page-pricing .section{padding-top:24px}.page-pricing .price-plans{gap:20px;margin:20px 0 28px}.page-pricing .price-plan{padding:24px;border-radius:12px}.page-pricing .price-plan h2{font-size:24px!important}.page-pricing .price-amount{font-size:32px;line-height:1.2;margin:10px 0}.page-pricing .price-plan>p:not(.price-amount){font-size:14px}.page-pricing .price-plan .price-billing{font-size:12px!important;min-height:2.8em}.page-pricing .price-plan .check-list{margin-top:18px;margin-bottom:20px;width:100%;max-width:none}.page-pricing .check-list li{font-size:14px;padding-block:12px}.page-pricing .price-packs{padding:20px 0 28px}.page-pricing .price-pack-grid{margin-block:18px;gap:20px}.page-pricing .price-pack{padding:20px;border-radius:10px}.page-pricing .billing-toggle button{font-size:13px;padding:8px 14px}.page-pricing .saving-badge{font-size:12px}.page-pricing .button{font-size:13px;min-height:44px;padding:11px 16px}
@media(max-width:650px){.premium main:not(:has(.plan-home)) h1{font-size:30px!important}.premium main:not(:has(.plan-home)) h2{font-size:25px!important}.premium .p-section,.supporting .section{padding-block:32px}.premium .p-persona-top,.premium .p-solution-top,.premium .s-intro-visual .s-intro-grid{gap:25px}.premium .p-case-poster,.premium .p-explorer-art,.premium .p-desk-panel,.premium .p-solution-visual,.premium .s-hero-art{padding:20px}.page-pricing .price-plan{padding:20px}}

/* Le bouton d'en-tête tient sur une ligne en français. */
html[lang^="fr"] .header-cta{white-space:nowrap;max-width:none}