/* Screens follow the actual visible viewport, including browser bars and safe areas. */
@media(max-width:760px){
 .pd-framed{scroll-padding-top:0;scroll-behavior:auto}
 .pd-framed .pd-screen-group{display:block!important;padding:0!important;margin:0!important;gap:0!important;min-height:0!important}
 .pd-framed .company-copy.pd-screen-group,.pd-framed .people-copy.pd-screen-group,.pd-framed .creation-grid.pd-screen-group{display:contents!important}
 .pd-framed .pd-screen-scene{height:var(--pd-screen-height,100dvh)!important;min-height:0!important;max-height:none!important;box-sizing:border-box;position:relative;margin:0!important;padding:calc(var(--pd-screen-header,124px) + 20px) 22px calc(66px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important;transform:none!important;scroll-margin:0!important}
 .pd-framed .pd-screen-scene.reveal{opacity:1!important;transform:none!important}
 .pd-framed .pd-screen-inner{height:100%;min-height:0;max-width:620px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:18px}
 .pd-framed .pd-screen-inner>p{font-size:12px;line-height:1.7;color:#b9b1c4;margin:0!important}
 .pd-framed .pd-screen-inner>.eyebrow{font-size:8px;margin:0!important}
 .pd-framed .pd-screen-inner h2{font-size:clamp(31px,9.4vw,43px);line-height:1.06;margin:0!important}
 .pd-framed .pd-screen-inner h3{font-size:27px;line-height:1.15;margin:0!important}
 .pd-framed .pd-screen-inner .button,.pd-framed .pd-screen-inner .text-link{align-self:flex-start;margin:0!important;min-height:44px;max-width:100%}
 .pd-framed .pd-hero-scene{padding:0!important}
 .pd-framed .experience-sticky{height:var(--pd-screen-height,100dvh)!important;min-height:0!important}
 .pd-framed .experience-copy.chapter-one{top:calc(var(--pd-screen-header) + 23px)}
 .pd-framed .mobile-participation{bottom:54px;gap:7px;padding:16px 18px}
 .pd-framed .experience-scroll{bottom:20px}
 .pd-framed .pd-intro-scene{padding:0!important;overflow:hidden}
 .pd-framed .page-intro .page-intro-copy,.pd-framed .page-intro[data-view=concept] .page-intro-copy,.pd-framed .page-intro[data-view=entreprises] .page-intro-copy{top:calc(var(--pd-screen-header) + 23px);transform:none!important;left:23px;right:23px;width:auto}
 .pd-framed .page-intro-copy .eyebrow{font-size:6px;line-height:1.4;margin-bottom:18px}
 .pd-framed .page-intro-copy h1{font-size:clamp(31px,min(10.7vw,6.3vh),48px)!important;line-height:1.05!important;max-width:100%}
 .pd-framed .page-intro[data-view=concept] h1{font-size:clamp(28px,min(9.2vw,5.8vh),43px)!important}
 .pd-framed .page-intro-copy>p:not(.eyebrow){font-size:11px!important;line-height:1.65!important;margin:18px 0!important;max-width:350px}
 .pd-framed .page-intro-copy small{font-size:8.5px!important;line-height:1.5!important;margin-top:10px!important}
 .pd-framed .page-intro-label{bottom:82px;padding:0;line-height:1.5;font-size:5.5px!important}
 .pd-framed .page-intro-scroll{bottom:62px;font-size:5.5px}
 .pd-framed .pd-card-scene{border:0!important;background:#101017!important}
 .pd-framed .pd-card-scene .pd-screen-inner{padding:23px;border:1px solid #d4c4ab2c;border-radius:22px;background:linear-gradient(140deg,#d4c4ab0c,#c6cdd505);gap:16px}
 .pd-framed .pd-card-scene .pd-screen-inner>span{font-size:10px;letter-spacing:.1em;color:#d4c4ab}
 .pd-framed .pd-card-scene .pd-screen-inner>p{font-size:12px;line-height:1.7;margin:0}
 .pd-framed .pd-card-scene .pd-screen-inner>a{font-size:12px;line-height:1.5;display:flex;align-items:center;min-height:44px;color:#e2d2b9}
 .pd-framed .pd-concept-renewal{padding-top:14px!important;font-size:10px!important;line-height:1.6!important}
 .pd-framed .pd-business-scene{display:grid!important;grid-template-columns:1fr .72fr;grid-template-rows:minmax(0,1fr) auto;gap:16px 0!important}
 .pd-framed .pd-business-scene .business-picture{height:100%;min-height:0;overflow:hidden}
 .pd-framed .pd-business-scene .week-card{height:100%;display:flex;flex-direction:column;justify-content:center;padding:18px 12px}
 .pd-framed .pd-business-scene .seven{font-size:clamp(95px,25vw,135px);margin:20px 0}
 .pd-framed .pd-business-scene .seven span{font-size:24px}
 .pd-framed .pd-business-scene .business-caption{left:14px;right:10px;bottom:23px}
 .pd-framed .pd-business-scene .business-caption h3{font-size:23px}
 .pd-framed .pd-business-scene .business-picker{grid-column:1/-1;margin:0;display:flex;gap:6px}
 .pd-framed .pd-business-scene .business-picker button{flex:1;padding:13px 7px!important;font-size:9px!important;min-height:44px;white-space:nowrap}
 .pd-framed .pd-business-scene .business-picker button span{font-size:7px;margin-left:4px}
 .pd-framed .pd-network-scene .pd-screen-inner{max-width:500px;gap:18px}
 .pd-framed .pd-network-scene .network-stage{flex:1;min-height:0;height:auto;width:100%;margin:0}
 .pd-framed .pd-network-scene .phone{height:92%;max-height:400px;top:2%;width:50%;left:25%}
 .pd-framed .pd-network-scene .phone-photo{height:calc(100% - 145px);min-height:65px}
 .pd-framed .pd-network-scene .social-tile{width:46px;height:46px;border-radius:13px}
 .pd-framed .pd-network-scene .social-tile img{width:22px;height:22px}
 .pd-framed .pd-network-scene .network-label{font-size:5px;bottom:0}
 .pd-framed .pd-network-scene .community-line{display:block;margin:0;padding:13px 0 0}
 .pd-framed .pd-network-scene .community-line strong{font-size:50px;line-height:1}
 .pd-framed .pd-network-scene .community-line>div{font-size:10px;margin-top:8px;line-height:1.6}
 .pd-framed .pd-network-scene .community-line span{font-size:8px}
 .pd-framed .pd-photo-scene{border:0!important;overflow:hidden;max-width:none;width:100%}
 .pd-framed .pd-photo-scene .pd-screen-inner{position:relative;max-width:600px;width:100%;overflow:hidden;border-radius:20px}
 .pd-framed .pd-photo-scene img,.pd-framed .pd-photo-scene video{width:100%;height:100%;object-fit:cover}
 .pd-framed .pd-photo-scene .visual-quote{font-size:42px;bottom:70px;left:22px}
 .pd-framed .pd-photo-scene .small-index{bottom:32px;left:22px}
 .pd-framed .pd-photo-scene .people-tag{left:16px;right:16px;bottom:22px;padding:18px}
 .pd-framed .benefits{margin:0}
 .pd-framed .benefits li{padding:17px 0;gap:15px}
 .pd-framed .benefits h3{font-size:14px;line-height:1.5}
 .pd-framed .benefits p{font-size:11px;line-height:1.65;margin-top:6px}
 .pd-framed .people-steps{margin:0}
 .pd-framed .people-steps>div{padding:23px 0}
 .pd-framed .people-steps p{font-size:13px;line-height:1.7}
 .pd-framed .people-steps b{font-size:18px}
 .pd-framed .participation-note{margin:0;padding:22px}
 .pd-framed .participation-note strong{font-size:29px;line-height:1.2}
 .pd-framed .terms-note{font-size:10px!important;line-height:1.6!important}
 .pd-framed .pd-film-scene{display:block!important}
 .pd-framed .pd-film-scene .film-label h2{font-size:38px;margin:16px 0}
 .pd-framed .pd-film-scene .film-label p{font-size:12px}
 .pd-framed .pd-film-scene .film-preview{height:45%;min-height:170px;max-height:340px;width:100%}
 .pd-framed .pd-faq-scene{display:block!important}
 .pd-framed .pd-faq-scene .pd-screen-inner{gap:18px}
 .pd-framed .pd-faq-scene h2{font-size:34px;margin-top:15px!important}
 .pd-framed .pd-faq-scene summary{font-size:11px;line-height:1.5;padding:16px 0;gap:15px}
 .pd-framed .pd-faq-scene details p{font-size:11px;line-height:1.55;padding:0 0 15px}
 .pd-framed .pd-creation-scene .pd-screen-inner{justify-content:center;border:1px solid #c6cdd526;border-radius:20px;overflow:hidden;padding:0;height:100%}
 .pd-framed .pd-creation-scene img{height:60%;width:100%;object-fit:cover;object-position:top}
 .pd-framed .pd-creation-scene>.pd-screen-inner>span{display:grid;gap:12px;padding:22px}
 .pd-framed .pd-creation-scene strong{font-size:28px;font-weight:400}
 .pd-framed .pd-creation-scene small{font-size:8px;color:#c6cdd5}
 .pd-framed .pd-creation-scene b{font-size:12px;color:#d4c4ab;font-weight:400}
 .pd-framed .ticker{flex:none;padding:18px 0;margin-top:12px}
 .pd-framed .contact-heading{display:none!important}
 .pd-framed .contact{padding:calc(var(--pd-screen-header) + 22px) 18px 80px!important;display:block!important;min-height:var(--pd-screen-height)}
 .pd-framed .contact .pd-space{width:100%}
 .pd-framed [data-pd-compact] .pd-screen-inner{gap:12px}
 .pd-framed [data-pd-compact].pd-card-scene .pd-screen-inner{padding:17px}
 .pd-framed [data-pd-compact] h2{font-size:29px!important}
 .pd-framed [data-pd-compact] h3{font-size:24px!important}
 .pd-framed [data-pd-compact] .pd-screen-inner>p{font-size:11px!important;line-height:1.55!important}
 .pd-framed [data-pd-compact] .benefits li{padding:11px 0}
 .pd-framed [data-pd-compact] .benefits h3{font-size:13px!important}
 .pd-framed [data-pd-compact] .pd-faq-scene h2{font-size:29px!important}
 .pd-framed .pd-faq-scene[data-pd-compact] summary{padding:11px 0}
}
@media(max-width:760px) and (max-height:750px){
 .pd-framed .experience-copy.chapter-one{top:calc(var(--pd-screen-header) + 18px)}
 .pd-framed .experience-copy.chapter-one>.eyebrow{margin-bottom:14px;font-size:5px}
 .pd-framed .experience-copy.chapter-one h1{font-size:26px;line-height:1.02}
 .pd-framed .experience-copy.chapter-one>p:not(.eyebrow){font-size:9px;line-height:1.55;margin-top:14px}
 .pd-framed .experience-copy.chapter-one>p strong{display:none}
 .pd-framed .experience-copy.chapter-one .hero-install{margin-top:14px;padding:9px 12px;min-height:52px}
 .pd-framed .hero-install small{font-size:5px}.pd-framed .hero-install strong{font-size:13px}.pd-framed .hero-install em{font-size:8px}.pd-framed .install-seal{width:30px;height:33px;font-size:19px}
 .pd-framed .mobile-participation{padding:13px 15px;gap:6px;bottom:48px}
 .pd-framed .mobile-participation>strong{font-size:24px}.pd-framed .mobile-participation>strong>span{font-size:10px}
 .pd-framed .participation-words{font-size:9px;gap:6px}.pd-framed .mobile-participation>small{font-size:7.5px}
 .pd-framed .page-intro-copy .eyebrow{margin-bottom:14px}
 .pd-framed .page-intro-copy>p:not(.eyebrow){font-size:10px!important;line-height:1.55!important;margin:14px 0!important}
 .pd-framed .page-intro-copy .button{min-height:44px;padding:12px 15px;font-size:10px}
}

@media(min-width:761px){
 .pd-framed{scroll-padding-top:0;scroll-behavior:auto}
 .pd-framed .pd-screen-group{display:block!important;padding:0!important;margin:0!important;gap:0!important;min-height:0!important}
 .pd-framed .company-copy.pd-screen-group,.pd-framed .people-copy.pd-screen-group{display:contents!important}
 .pd-framed .pd-screen-scene{height:var(--pd-screen-height,100dvh)!important;min-height:0!important;max-height:none!important;box-sizing:border-box;position:relative;margin:0!important;padding:calc(var(--pd-screen-header,100px) + 30px) 6.5vw 72px!important;transform:none!important;scroll-margin:0!important;max-width:none}
 .pd-framed .pd-screen-scene.reveal{opacity:1!important;transform:none!important}
 .pd-framed .pd-screen-inner{height:100%;min-height:0;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:25px}
 .pd-framed .pd-copy-scene .pd-screen-inner{max-width:920px;align-items:flex-start;text-align:left}
 .pd-framed .pd-copy-scene h2{font-size:clamp(40px,6.8vh,76px);line-height:1.05;margin:0!important}
 .pd-framed .pd-copy-scene .pd-screen-inner>p{max-width:700px;margin:0!important;font-size:clamp(12px,1.6vh,15px);line-height:1.75}
 .pd-framed .pd-copy-scene .eyebrow{font-size:9px}
 .pd-framed .pd-copy-scene .button{margin:0!important;align-self:flex-start}
 .pd-framed .pd-hero-scene{padding:0!important}
 .pd-framed .experience-sticky{height:var(--pd-screen-height,100dvh)!important;min-height:0!important}
 .pd-framed .experience-copy.chapter-one{top:52%;transform:translateY(-50%)}
 .pd-framed .experience-copy.chapter-one h1{font-size:clamp(40px,8vh,88px)}
 .pd-framed .experience-copy.chapter-one>.eyebrow{margin-bottom:20px}
 .pd-framed .experience-copy.chapter-one>p:not(.eyebrow){font-size:clamp(11px,1.55vh,14px);margin-top:22px;line-height:1.7}
 .pd-framed .pd-intro-scene{padding:0!important;overflow:hidden}
 .pd-framed .page-intro .page-intro-copy{top:calc(var(--pd-screen-header) + 35px);transform:none!important;max-width:700px}
 .pd-framed .page-intro-copy .eyebrow{font-size:8px;margin-bottom:20px}
 .pd-framed .page-intro-copy h1{font-size:clamp(38px,7.6vh,84px)!important;line-height:1.03}
 .pd-framed .page-intro[data-view=concept] h1{font-size:clamp(36px,6.7vh,76px)!important}
 .pd-framed .page-intro-copy>p:not(.eyebrow){font-size:clamp(11px,1.5vh,14px)!important;line-height:1.65!important;margin:20px 0!important}
 .pd-framed .page-intro-copy small{font-size:9px!important;line-height:1.5!important;margin-top:10px!important}
 .pd-framed .page-intro-label{bottom:75px}
 .pd-framed .page-intro-scroll{bottom:40px}
 .pd-framed .pd-offer-wide{display:block!important}
 .pd-framed .pd-offer-wide .pd-screen-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:22px}
 .pd-framed .pd-offer-wide article{height:100%;padding:clamp(18px,2.3vw,34px);display:flex;flex-direction:column;justify-content:center;gap:18px;margin:0}
 .pd-framed .pd-offer-wide article h3{font-size:clamp(22px,2.25vw,34px);line-height:1.12;margin:0}
 .pd-framed .pd-offer-wide article>span{font-size:9px}
 .pd-framed .pd-offer-wide article p{font-size:clamp(11px,1.5vh,13px);line-height:1.65;margin:0}
 .pd-framed .pd-offer-wide article a{font-size:11px;line-height:1.6;margin:0;min-height:44px;display:flex;align-items:center}
 .pd-framed .pd-offer-wide .pd-concept-renewal{margin:0;padding-top:18px;font-size:11px}
 .pd-framed .pd-business-scene{display:grid!important;grid-template-columns:1.15fr .85fr;grid-template-rows:minmax(0,1fr) auto;gap:16px 0}
 .pd-framed .pd-business-scene .business-picture,.pd-framed .pd-business-scene .week-card{height:100%;min-height:0}
 .pd-framed .pd-business-scene .week-card{padding:20px}
 .pd-framed .pd-business-scene .seven{font-size:clamp(95px,20vh,180px);margin:15px 0}
 .pd-framed .pd-business-scene .business-picker{margin:0}
 .pd-framed .pd-business-scene .business-picker button{padding:15px;min-height:44px}
 .pd-framed .pd-diffusion-wide{display:block!important}
 .pd-framed .pd-diffusion-wide .pd-screen-inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:20px 50px}
 .pd-framed .pd-diffusion-wide .network-copy{align-self:center;padding:0}
 .pd-framed .pd-diffusion-wide h2{font-size:clamp(36px,5.8vh,65px);margin:20px 0}
 .pd-framed .pd-diffusion-wide .network-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}
 .pd-framed .pd-diffusion-wide .network-stage{height:100%;min-height:0;margin:0}
 .pd-framed .pd-diffusion-wide .phone{height:90%;max-height:420px;top:3%;width:45%;left:27%}
 .pd-framed .pd-diffusion-wide .phone-photo{height:calc(100% - 145px);min-height:70px}
 .pd-framed .pd-diffusion-wide .social-tile{width:60px;height:60px;border-radius:16px}
 .pd-framed .pd-diffusion-wide .social-tile img{width:28px;height:28px}
 .pd-framed .pd-diffusion-wide .network-label{bottom:0;font-size:6px}
 .pd-framed .pd-diffusion-wide .community-line{grid-column:1/-1;margin:0;padding:18px 0 0}
 .pd-framed .pd-diffusion-wide .community-line strong{font-size:55px}
 .pd-framed .pd-diffusion-wide .community-line>div{font-size:11px}
 .pd-framed .pd-editorial-scene>.pd-screen-inner{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
 .pd-framed .pd-editorial-copy{display:flex;flex-direction:column;gap:25px}
 .pd-framed .pd-editorial-copy h2{font-size:clamp(38px,6.3vh,70px);line-height:1.05;margin:0}
 .pd-framed .pd-editorial-copy>p{font-size:14px;line-height:1.75;margin:0}
 .pd-framed .pd-editorial-copy>.eyebrow{font-size:8px}
 .pd-framed .pd-editorial-scene .company-visual,.pd-framed .pd-editorial-scene .people-visual{height:100%;max-height:100%;min-height:0;width:100%;margin:0;transform:none;border-radius:20px;overflow:hidden}
 .pd-framed .pd-editorial-scene .company-visual img,.pd-framed .pd-editorial-scene .people-visual img{height:100%;width:100%;object-fit:cover}
 .pd-framed .pd-editorial-scene .visual-quote{font-size:48px;bottom:70px}
 .pd-framed .benefits{margin:0}
 .pd-framed .benefits li{padding:20px 0}
 .pd-framed .benefits h3{font-size:19px}.pd-framed .benefits p{font-size:13px;line-height:1.7}
 .pd-framed .pd-people-details>.pd-screen-inner{max-width:1050px;display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;align-content:center}
 .pd-framed .pd-people-details .people-steps{grid-row:1/4;margin:0}
 .pd-framed .pd-people-details .people-steps>div{padding:22px 0}
 .pd-framed .pd-people-details .people-steps p{font-size:13px;line-height:1.7}
 .pd-framed .pd-people-details .people-steps b{font-size:18px}
 .pd-framed .pd-people-details .participation-note{margin:0;padding:24px}
 .pd-framed .pd-people-details .participation-note strong{font-size:36px}
 .pd-framed .pd-people-details .terms-note{font-size:11px;line-height:1.65;margin:0}
 .pd-framed .pd-people-details .button{align-self:start;justify-self:start;margin:0}
 .pd-framed .pd-film-scene{display:block!important}
 .pd-framed .pd-film-scene>.pd-screen-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}
 .pd-framed .pd-film-scene h2{font-size:clamp(36px,6.3vh,70px)}
 .pd-framed .pd-film-scene .film-preview{height:75%;max-height:420px;min-height:240px}
 .pd-framed .pd-faq-scene{display:block!important}
 .pd-framed .pd-faq-scene>.pd-screen-inner{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:5vw}
 .pd-framed .pd-faq-scene h2{font-size:clamp(36px,5.8vh,65px)}
 .pd-framed .pd-faq-scene summary{font-size:14px;padding:22px 0}
 .pd-framed .pd-faq-scene details p{font-size:12px;line-height:1.7;padding-bottom:18px}
 .pd-framed .pd-creation-wide{display:block!important}
 .pd-framed .pd-creation-wide>.pd-screen-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}
 .pd-framed .pd-creation-wide a{height:100%;min-height:0;display:flex;flex-direction:column}
 .pd-framed .pd-creation-wide img{height:65%;min-height:0;object-fit:cover}
 .pd-framed .pd-creation-wide a>span{flex:1;display:grid;align-content:center;gap:10px;padding:20px}
 .pd-framed .ticker{padding:22px 0;margin:0;width:100%}
 .pd-framed [data-pd-compact] .pd-screen-inner{gap:18px}
 .pd-framed .pd-offer-wide[data-pd-compact] article{padding:18px;gap:13px}
 .pd-framed .pd-offer-wide[data-pd-compact] article h3{font-size:25px}
 .pd-framed .pd-offer-wide[data-pd-compact] article p{font-size:11px;line-height:1.5}
 .pd-framed .pd-faq-scene[data-pd-compact] summary{padding:14px 0}
}

@media(max-width:760px){.pd-framed .pd-faq-scene[data-pd-compact] .pd-screen-inner{gap:10px}.pd-framed .pd-faq-scene[data-pd-compact] summary{padding:8px 0}.pd-framed .pd-faq-scene[data-pd-compact] h2{font-size:28px!important;margin-top:9px!important}}

/* Page transitions animate the complete scene; nested reveals must not shift its edges. */
.pd-framed .pd-screen-scene .reveal{opacity:1!important;transform:none!important}