/* Transformation as a physical stack of before/after prints. */
#intro{max-width:none;display:flex;flex-direction:column;gap:0;padding:58px 35px 0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 40%,#e8f0fe 100%);isolation:isolate;position:relative}
.hero-copy{max-width:1450px;width:100%;position:relative;text-align:center;z-index:2}.hero-copy>.eyebrow{justify-content:center;letter-spacing:2px;font-size:11px;margin:0 0 30px;color:#5f6368}
#intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(72px,10.4vw,166px);font-weight:800;letter-spacing:-.075em;line-height:.87;max-width:none;margin:0 auto 35px;text-align:center}
#intro h1 mark{font-family:inherit;font-size:1em;font-style:normal;font-weight:800;letter-spacing:-.075em;line-height:.95;padding:0 0 14px;white-space:nowrap;color:#1967d2}
#intro h1 mark:before{height:20px;inset-inline:3%;bottom:-3px;opacity:.8}#intro .arrival-brush{width:120px;height:120px}
.hero-copy .lead{font-size:19px;line-height:1.55;max-width:760px;text-align:center;margin:28px auto 0;color:#5f6368}.hero-copy .lead br{display:block}.hero-copy .lead strong{font-weight:500;color:#202124}
.hero-stage{width:min(1240px,100%);padding:0;margin:42px auto 0;position:relative;z-index:1}.hero-stage:before{display:none;content:'LE MÊME SITE.\A VRAIMENT.';white-space:pre;top:65px;left:auto;right:0;font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1.12;letter-spacing:-.5px;color:#1967d2;transform:rotate(8deg);z-index:3}.hero-stage:after{display:none}
.hero-stage .hero-proof{border:0;box-shadow:none;overflow:visible;background:none;border-radius:0;margin:0}.hero-stage .proof-top{display:none}.hero-stage .proof-caption{background:none;padding:8px 5% 28px;align-items:center;border:0;gap:20px}.hero-stage .proof-caption strong{font-size:22px;font-weight:700}.hero-stage .proof-caption span{font-size:13px;margin-top:4px}.hero-stage .proof-caption a{font-size:14px;border-bottom:1px solid #1967d2;padding-bottom:5px}
.transformation{position:relative;isolation:isolate;aspect-ratio:1.78;width:100%;overflow:visible}
.site-sheet{margin:0;position:absolute;overflow:hidden;border:1px solid #b7c3d5;border-radius:9px;background:#fff;box-shadow:0 20px 50px #2021241c;transition:transform .35s ease}
.site-sheet figcaption{height:36px;display:flex;align-items:center;gap:12px;font-size:11px;padding:0 14px;font-weight:700;border-bottom:1px solid #dadce0;background:#fff;color:#202124}.site-sheet figcaption span{font-weight:400;color:#5f6368;font-size:10px;flex:1}.site-sheet figcaption b{font-size:17px;font-weight:400}.site-sheet img{display:block;width:100%;height:calc(100% - 36px);object-fit:cover;object-position:top;clip-path:none!important;pointer-events:none;filter:none;position:static}
.old-sheet{width:67%;height:81%;left:1.5%;top:0;transform:rotate(-4deg);z-index:1;filter:saturate(.55);box-shadow:0 8px 28px #20212415}.new-sheet{width:75%;height:88%;right:0;bottom:1%;transform:rotate(2deg);z-index:2;border-color:#1967d2;box-shadow:0 24px 65px #174ea633}.new-sheet figcaption{background:#1967d2;color:#fff;border-color:#1967d2}.new-sheet figcaption span{color:#fff;opacity:.9}
.hero-stage .transformation:before{content:'AVANT';position:absolute;top:5%;left:-1%;padding:10px 22px;z-index:3;background:#fbbc05;color:#202124;font-size:16px;font-weight:700;letter-spacing:.7px;transform:rotate(-9deg);box-shadow:3px 4px 0 #20212418}.hero-stage .transformation:after{content:'APRÈS';position:absolute;bottom:5%;right:-1%;padding:12px 26px;z-index:3;background:#137333;color:#fff;font-size:18px;font-weight:700;letter-spacing:.7px;transform:rotate(6deg);box-shadow:3px 4px 0 #20212418}
.hero-workflow{width:min(1240px,100%);grid-column:auto;border:1px solid #dadce0;padding:27px 32px 23px;background:#fff;margin:7px auto -1px;border-radius:14px 14px 0 0;z-index:3;box-shadow:0 -5px 40px #174ea607}
.form-invitation>span{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:27px;letter-spacing:-1px}.form-invitation:after{content:'VOTRE TOUR DE CHANGER DE DIMENSION';font-size:10px;letter-spacing:1.2px;color:#1967d2}.hero-workflow #form{grid-template-columns:1fr 230px}.hero-workflow #form .primary{border-radius:7px;font-size:15px}.hero-workflow .principles{margin-top:15px}
.examples{padding-top:95px;background:#fff;border-top:0}.section-heading{align-items:end}.section-heading h2{font-size:clamp(48px,5.2vw,78px);font-weight:750;line-height:1;letter-spacing:-3px}.examples .section-heading h2 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:750;font-size:1em;letter-spacing:-3px;color:#1967d2}.section-heading>p{font-size:16px}.real-grid{gap:55px;margin-top:60px}.real-grid article{border:0;background:none;overflow:visible;padding:0;border-radius:0}.real-grid .transformation{aspect-ratio:1.3;margin:0 0 17px}.real-grid .old-sheet{width:77%;height:81%;left:1%;top:0;transform:rotate(-5deg)}.real-grid .new-sheet{width:82%;height:85%;right:0;bottom:0;transform:rotate(3deg)}.real-grid .new-sheet figcaption{height:30px;font-size:11px}.real-grid .site-sheet figcaption{padding:0 9px;gap:7px}.real-grid .site-sheet figcaption span{font-size:9px}.real-grid .site-sheet img{height:calc(100% - 30px)}.real-grid article:nth-child(2) .new-sheet{transform:rotate(-2deg);border-color:#137333}.real-grid article:nth-child(2) .new-sheet figcaption{background:#137333;border-color:#137333}.real-grid .proof-caption{padding:16px 0 10px}.real-grid .proof-caption strong{font-size:23px}.source-link{margin-left:0}.gallery-link{margin-top:42px}.latest-heading{margin-top:65px}.latest-heading h3{font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px}
.outcomes{padding-block:70px}.outcomes h2{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1px}.outcome-stats strong{font-family:Arial,Helvetica,sans-serif;font-size:60px;font-weight:750;letter-spacing:-3px}.process{padding-block:90px}.process h2{font-size:57px;letter-spacing:-2.5px}.client-benefits{padding:65px;background:#e8f0fe;border-color:#d2e3fc}.client-benefits h2{font-size:53px;letter-spacing:-2px}.closing{border-radius:14px;background:#1967d2;padding:65px}.closing h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:49px;letter-spacing:-2px}.closing p{color:#e8f0fe}.closing .primary{border-radius:7px}
@media(min-width:1450px){.hero-stage{width:1100px}.transformation{aspect-ratio:1.85}}
@media(max-width:1000px){#intro{padding-inline:28px}#intro h1{font-size:10.3vw}.hero-stage{margin-top:35px}.hero-stage:before{right:-10px;font-size:17px}.hero-workflow{padding:24px}.hero-workflow #form{grid-template-columns:1fr 195px}.hero-workflow #form .primary{font-size:13px;padding-inline:13px}.real-grid{gap:32px}.site-sheet figcaption span{font-size:9px}.real-grid .site-sheet figcaption span{display:none}}
@media(max-width:700px){#intro{padding:35px 20px 0;gap:0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px;line-height:1.5;margin-bottom:20px}#intro h1{font-size:10.6vw;letter-spacing:-.065em;line-height:.96;margin:0 0 20px}#intro h1 mark{letter-spacing:-.065em;padding-bottom:10px;line-height:1.05}#intro h1 mark:before{height:12px}.hero-copy .lead{font-size:14px;line-height:1.6;margin:0 auto;max-width:340px}.hero-stage{margin-top:36px;padding:0;width:100%}.hero-stage:before{display:none}.transformation{aspect-ratio:1.2}.old-sheet{width:83%;height:80%;left:0;top:0;transform:rotate(-4deg)}.new-sheet{width:85%;height:83%;right:-1%;bottom:0;transform:rotate(3deg)}.site-sheet figcaption{height:27px;font-size:9px;padding:0 8px;gap:5px}.site-sheet figcaption span{font-size:7px}.site-sheet img{height:calc(100% - 27px)}.hero-stage .transformation:before{font-size:10px;padding:7px 12px;left:-2%;top:3%}.hero-stage .transformation:after{font-size:11px;padding:8px 14px;bottom:3%;right:-2%}.hero-stage .proof-caption{padding:22px 0 24px;gap:8px}.hero-stage .proof-caption strong{font-size:17px}.hero-stage .proof-caption span{font-size:11px}.hero-stage .proof-caption a{font-size:11px;white-space:nowrap}.hero-workflow{margin-top:0;padding:22px 18px;border-radius:12px 12px 0 0;width:100%}.form-invitation>span{font-size:24px}.form-invitation:after{font-size:9px;letter-spacing:.7px;margin-top:7px}.hero-workflow #form{display:block}.hero-workflow #form .primary{font-size:15px}.hero-workflow .principles{font-size:10px}.examples{padding:50px 22px}.section-heading h2{font-size:39px;letter-spacing:-1.7px}.examples .section-heading h2 em{letter-spacing:-1.7px}.real-grid{margin-top:35px;gap:40px}.real-grid .transformation{aspect-ratio:1.2}.real-grid .site-sheet figcaption span{display:block;font-size:8px}.real-grid .proof-caption strong{font-size:21px}.latest-heading h3{font-size:24px}.outcomes{padding-block:40px}.outcomes h2{font-size:29px}.outcome-stats strong{font-size:36px;letter-spacing:-1.5px}.process{padding-block:50px}.process h2{font-size:37px;letter-spacing:-1.5px}.client-benefits{padding:32px 25px}.client-benefits h2{font-size:35px}.closing{padding:35px 26px}.closing h2{font-size:36px;letter-spacing:-1.4px}}
@media(prefers-reduced-motion:reduce){.site-sheet{transition:none}}