#section-2 {
            position: relative;
            width: 100%;
            height: 250vh; /* Permet un long scroll pour l'animation */
            background-color: #ffffff;
            z-index: 20;
        }
        .sticky-viewport {
            position: sticky;
            top: 0;
            height: 100vh;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        #intro-wrapper {
            opacity: 1; /* Caché au départ */
        }
        @keyframes introLand {
            0% { transform: translateY(60vh) scale(0.9); opacity: 0; filter: blur(8px); }
            100% { transform: translateY(0) scale(1); opacity: 1; filter: blur(0px); }
        }
        .intro-land {
            animation: introLand 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .tablet-hero {
            width: calc(clamp(400px, 70vw, 1100px) + (var(--p) * 10vw));
            height: calc(70vh + (var(--p) * 15vh));
            transform: translateY(calc(50vh - (var(--p) * 50vh)));
            border-radius: calc(2.5rem - (var(--p) * 1rem));
            box-shadow: none;
            position: relative;
            background: #fafafa;
            will-change: transform, width, height, border-radius;
        }
        .hardware-layer {
            position: absolute; inset: 0;
            border: 16px solid black; border-radius: inherit;
            pointer-events: none; z-index: 10;
            -webkit-mask-image: linear-gradient(to top, transparent var(--wipe-base), black calc(var(--wipe-base) + 15%));
            mask-image: linear-gradient(to top, transparent var(--wipe-base), black calc(var(--wipe-base) + 15%));
        }
        .screen-content {
            position: absolute; inset: 0; border-radius: inherit; overflow: hidden;
            background-color: #ffffff;
            padding: calc(var(--delayed-p) * clamp(24px, 3vw, 32px));
        }
        .inner-content-zone {
            width: 100%; height: 100%; position: relative; overflow: hidden; background: #ffffff;
            border-radius: calc(var(--delayed-p) * 1.5rem);
            box-shadow: none;
        }
/* Exact geometry and finish from the earlier tablet, without Tailwind. */
#section-2{--p:0;--wipe-base:calc(var(--p)*140% - 20%);--delayed-p:calc(max(0,(var(--p) - .5)*2))}
#section-2 .sticky-viewport{padding-bottom:30px}
#section-2 #intro-wrapper{width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
#section-2 .tablet-hero{pointer-events:auto;transform:translateY(calc(50vh - var(--p)*50vh + var(--tablet-clearance,0px)*(1 - var(--p)) + var(--tablet-safety,0px)));box-shadow:none}
#section-2 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
#section-2.tablet-expanded iframe{pointer-events:auto}
#section-2 .tablet-screen-reflection{position:absolute;inset:0 0 auto;height:50%;background:linear-gradient(to bottom,#ffffff33,transparent);pointer-events:none;z-index:10}
#section-2 .tablet-caption{position:absolute;bottom:-50px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;color:#555;opacity:var(--p);pointer-events:auto}
#section-2 .tablet-caption a{white-space:nowrap}
body[data-page=website] .page-hero{grid-template-columns:1.3fr 1fr;gap:65px}
.page-hero .partners-intro{width:100%;max-width:512px;justify-self:end;display:flex;flex-direction:column;gap:32px;align-items:stretch;text-align:right}
.page-hero .partner-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%}
.page-hero .partner-trust-title{font-size:24px;font-weight:700;line-height:1.333333;letter-spacing:-.015em;color:#161719}
.page-hero .partner-logos{display:flex;gap:8px}
.page-hero .trusted-item{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.page-hero .trusted-item>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.page-hero .partner-logo-slot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:75%;height:75%}
.page-hero .partner-logo-slot span{font-size:12px;font-weight:500;color:#92816f}
.page-hero .partner-logo-slot img{width:100%;height:100%;object-fit:contain}
.page-hero .partners-intro p{font-size:18px;line-height:1.6;color:#6b7280;text-align:right}
.page-hero .partner-copy-line{display:block}
.page-hero .circle-draw{stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:drawSvgPath .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay)}
.page-hero .circle-bg{opacity:0;animation:fillCircle .4s ease-out forwards;animation-delay:calc(var(--delay) + .6s)}
.page-hero .icon-content{opacity:0;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--delay) + .6s)}
.page-hero .delay-300{--delay:300ms}.page-hero .delay-400{--delay:400ms}.page-hero .delay-500{--delay:500ms}.page-hero .delay-600{--delay:600ms}
@keyframes drawSvgPath{0%{stroke-dashoffset:100;opacity:0}1%{opacity:1;stroke-dashoffset:100}100%{stroke-dashoffset:0;opacity:1}}
@keyframes fillCircle{to{opacity:1}}
@keyframes popIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}
@media(max-width:1000px){body[data-page=website] .page-hero{gap:40px}.page-hero .trusted-item{width:44px;height:44px}.page-hero .partner-header{gap:12px}.page-hero .partner-logos{gap:6px}.page-hero .partners-intro p{font-size:15px}.page-hero .partner-trust-title{font-size:20px}}
@media(max-width:767px){body[data-page=website] .page-hero{grid-template-columns:1fr;gap:35px}.page-hero .partners-intro{gap:12px;max-width:512px}.page-hero .partner-trust-title{font-size:18px}.page-hero .trusted-item{width:36px;height:36px}.page-hero .partners-intro p{font-size:clamp(12px,3.4vw,18px);margin-top:12px}#section-2{height:220svh}#section-2 .sticky-viewport{height:100svh;padding-bottom:0}#section-2 .tablet-hero{width:calc(88vw + var(--p)*4vw);height:calc(66svh + var(--p)*5svh);transform:translateY(calc(48svh - var(--p)*48svh + var(--tablet-clearance,0px)*(1 - var(--p)) + var(--tablet-safety,0px)));border-radius:calc(1.6rem - var(--p)*.8rem)}#section-2 .hardware-layer{border-width:10px}#section-2 .screen-content{padding:calc(var(--delayed-p)*12px)}#section-2 .tablet-caption{font-size:12px;left:8px;right:8px;gap:8px;bottom:-45px}#section-2 .tablet-caption>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){#section-2{height:auto}#section-2 .sticky-viewport{position:relative;height:100svh}#section-2 #intro-wrapper{animation:none;opacity:1}#section-2 .tablet-hero{transform:none}.page-hero .circle-draw,.page-hero .circle-bg,.page-hero .icon-content{animation:none;opacity:1;stroke-dashoffset:0}}
/* The opening copy overlays the original scroll stage so the tablet peeks in. */
body[data-page=website] .page-hero{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:30;pointer-events:none;padding-top:55px;padding-bottom:25px}
body[data-page=website] .page-hero a{pointer-events:auto}
body[data-page=website] #section-2{isolation:isolate}
@media(max-width:767px){body[data-page=website] .page-hero{padding-top:28px;gap:25px}body[data-page=website] .page-hero .hero-copy>p{margin-top:20px}body[data-page=website] .page-hero .hero-copy>.hero-secondary{margin-top:12px}body[data-page=website] .page-hero .hero-copy>.button{margin-top:24px}}
@media(prefers-reduced-motion:reduce){body[data-page=website] .page-hero{position:relative;left:auto;transform:none;pointer-events:auto}}

/* Phone-only editorial project presentation; desktop tablet stays unchanged. */
.website-mobile-showcase{display:none}
@media(max-width:767px){
 body[data-page=website] .page-hero{position:relative;left:auto;top:auto;transform:none;pointer-events:auto;padding-top:38px;padding-bottom:32px;gap:42px}
 body[data-page=website] #section-2{display:none}
 body[data-page=website] .page-hero h1{font-size:clamp(38px,10vw,58px);line-height:1.05}
 body[data-page=website] .page-hero .hero-secondary{font-size:16px;line-height:1.65}
 body[data-page=website] .page-hero .partners-intro{max-width:none;text-align:left;border-top:1px solid #e5e7eb;padding-top:24px}
 body[data-page=website] .page-hero .partners-intro p{text-align:left;font-size:15px;line-height:1.6}
 body[data-page=website] .page-hero .partner-copy-line{display:inline}
 .website-mobile-showcase{display:block;padding-top:20px;padding-bottom:40px}
 .mobile-showcase-heading{margin-bottom:24px}.mobile-showcase-heading h2{font-size:36px;line-height:1.12;margin:14px 0}.mobile-showcase-heading p{font-size:15px;color:#73777d}
 .mobile-project-preview{display:block;overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 18px 45px #1018270d;color:inherit;text-decoration:none;transition:transform .3s ease}
 .mobile-project-preview:active{transform:scale(.99)}.mobile-browser-bar{display:flex;align-items:center;gap:5px;height:38px;padding:0 14px;background:#f6f7f8;border-bottom:1px solid #e5e7eb}.mobile-browser-bar>span{width:5px;height:5px;border-radius:50%;background:#c9cdd1}.mobile-browser-bar small{margin-left:auto;font-size:12px;color:#777}
 .mobile-project-screen{position:relative;height:460px;height:clamp(340px,65svh,520px);overflow:hidden}.mobile-project-screen iframe{width:100%;height:100%;border:0;pointer-events:none}.mobile-project-open{display:block;padding:18px 20px;border-top:1px solid #e5e7eb;font-size:15px;font-weight:500}
}
@media(prefers-reduced-motion:reduce){.mobile-project-preview{transition:none}}

/* Keep the partner markup without displaying it, at every breakpoint. */
.partners-intro[hidden]{display:none!important}
@media(max-width:767px){
 .website-mobile-showcase{box-sizing:border-box;width:100%;max-width:480px;margin-inline:auto;padding-inline:24px}
 .mobile-project-preview{width:100%;box-sizing:border-box;min-width:0}
 .mobile-browser-bar{height:26px;padding-inline:12px}
 .mobile-browser-bar small{font-size:11px}
 .mobile-browser-bar>span{width:4px;height:4px}
 .mobile-project-screen{overflow:hidden;width:100%}
 .mobile-project-screen iframe{display:block;overflow:hidden;max-width:none;transform-origin:top left}
}