.page-scene{justify-content:center;align-items:center;width:100%;max-width:480px;font-size:min(2.6vw,1rem);display:flex}@media (width<=899px){.page-hero .hero-visual{overflow:clip;container:page-hero-visual/size}.page-hero .page-scene{max-height:100%;font-size:min(3.4vw,8cqh)}@container page-hero-visual (height<=7rem){.page-scene{display:none}}.page-hero h1{font-size:clamp(1.9rem, 5svh, var(--text-h1))}.page-hero p.sub{font-size:clamp(.9rem,.35rem + 1.35svh,1.15rem);line-height:clamp(1.45,1.2 + .06svh,1.65)}}@media (width>=900px){.page-scene{--scene-grow:min(1.9vw, -.45rem + 2.75svh)}.sc-offres{font-size:clamp(1rem, var(--scene-grow), 1.3rem)}.sc-sites{font-size:clamp(1rem, var(--scene-grow), 1.6rem)}.sc-methode{font-size:clamp(1rem, var(--scene-grow), 1.8rem)}.sc-contact{font-size:clamp(1rem, var(--scene-grow), 1.9rem)}}.sc-offres{justify-content:center;align-items:flex-end;gap:.9em;display:flex}.sc-offres .of{background:var(--green-soft);border:1px solid color-mix(in srgb, var(--green) 16%, transparent);width:6.4em;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 4%, transparent), 0 12px 28px color-mix(in srgb, var(--green) 12%, transparent);border-radius:20px;flex-direction:column;gap:.5em;padding:.9em .8em;display:flex}.sc-offres .of.tall{background:var(--green);border-color:#0000;height:11.5em}.sc-offres .of:not(.tall){height:9em}.sc-offres .of i{background:color-mix(in srgb, var(--green) 30%, transparent);border-radius:.2em;height:.38em;display:block}.sc-offres .of i:first-child{background:var(--green);width:70%;height:.55em}.sc-offres .of.tall i{background:color-mix(in srgb, var(--paper) 45%, transparent)}.sc-offres .of.tall i:first-child{background:var(--paper)}.sc-offres .of:before{content:"";background:var(--amber);border-radius:2px;width:1.9em;height:3px;display:block}.sc-sites{width:17em;padding:2.2em 0 0 2.2em;position:relative}.sc-sites .win{border:3px solid var(--ink);background:#fff;border-radius:16px;overflow:hidden}.sc-sites .bar{border-bottom:3px solid var(--ink);background:var(--paper);gap:.3em;padding:.45em .6em;display:flex}.sc-sites .bar b{background:var(--ink);border-radius:50%;width:.5em;height:.5em}.sc-sites .bar b:nth-child(3){background:var(--green)}.sc-sites .page{aspect-ratio:16/10;flex-direction:column;gap:.45em;padding:.8em;display:flex}.sc-sites .page i{background:var(--line);border-radius:.2em;height:.4em;display:block}.sc-sites .page i:first-child{background:var(--ink);width:55%;height:.6em}.sc-sites .page .zone{background:var(--green-soft);border-radius:.4em;flex:1}.sc-sites .front{z-index:1;box-shadow:8px 8px 0 var(--ink);position:relative}.sc-sites .back{z-index:0;border-width:2.5px;width:78%;position:absolute;top:0;left:0}.sc-methode{flex-direction:column;gap:1.1em;width:100%;max-width:15em;display:flex}.sc-methode .jalon{align-items:center;gap:.9em;display:flex}.sc-methode .num{min-width:2.2em;font-family:var(--font-title);color:var(--green);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:linear-gradient(var(--amber), var(--amber)) left bottom / 100% 2px no-repeat;flex:none;padding-bottom:2px;font-size:1.25em;font-weight:700}.sc-methode .ligne{flex-direction:column;flex:1;gap:.3em;display:flex}.sc-methode .ligne i{background:var(--line);border-radius:.2em;height:.4em;display:block}.sc-methode .ligne i:first-child{background:var(--ink);width:62%;height:.5em}.sc-contact{flex-direction:column;gap:.7em;width:14em;display:flex}.sc-contact .champ{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;height:2.1em;padding:0 .7em;display:flex}.sc-contact .champ i{height:.4em;width:var(--w,60%);background:var(--line);border-radius:.2em;display:block}.sc-contact .champ:first-child i{--w:55%}.sc-contact .champ:nth-child(2) i{--w:70%}.sc-contact .champ:nth-child(3) i{--w:45%}.sc-contact .envoi{background:var(--green);min-height:2.4em;color:var(--paper);font-family:var(--font-body);border-radius:8px;justify-content:center;align-items:center;gap:.45em;font-size:.78em;font-weight:600;display:flex}.sc-contact .recu{color:var(--green);align-items:center;gap:.5em;font-size:.78em;font-weight:600;display:flex}.sc-contact .recu b{background:var(--green);width:1.4em;height:1.4em;color:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8em;display:flex}@media (prefers-reduced-motion:no-preference){.sc-offres .of{animation:.65s cubic-bezier(.2,.7,.2,1) both of-pose}.sc-offres .of:first-child{--rot:-7deg;animation-delay:.55s}.sc-offres .of:nth-child(2){--rot:3deg;animation-delay:.75s}.sc-offres .of:nth-child(3){--rot:8deg;animation-delay:.95s}@keyframes of-pose{0%{opacity:0;transform:translateY(-1.8em) rotate(var(--rot,0deg))}to{opacity:1;transform:none}}.sc-offres .of:before{transform-origin:0;animation:.45s cubic-bezier(.2,.7,.2,1) both of-trait;transform:scaleX(0)}.sc-offres .of:first-child:before{animation-delay:1.1s}.sc-offres .of:nth-child(2):before{animation-delay:1.25s}.sc-offres .of:nth-child(3):before{animation-delay:1.4s}@keyframes of-trait{to{transform:scaleX(1)}}.sc-sites .back{animation:.6s cubic-bezier(.2,.7,.2,1) .55s both a-up}.sc-sites .front{animation:.65s cubic-bezier(.2,.7,.2,1) .85s both win-pose}@keyframes win-pose{0%{opacity:0;box-shadow:0 0 0 var(--ink);transform:translateY(16px)scale(.97)}to{opacity:1;box-shadow:8px 8px 0 var(--ink);transform:none}}.sc-sites .page i{transform-origin:0;animation:.4s ease-out both a-grow-x}.sc-sites .front .page i:first-child{animation-delay:1.35s}.sc-sites .front .page i:nth-child(2){animation-delay:1.45s}.sc-sites .front .page .zone{animation:.45s ease-out 1.55s both a-up}@keyframes a-grow-x{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.sc-methode .jalon{animation:.5s cubic-bezier(.2,.7,.2,1) both a-up}.sc-methode .jalon:first-child{animation-delay:.55s}.sc-methode .jalon:nth-child(2){animation-delay:.75s}.sc-methode .jalon:nth-child(3){animation-delay:.95s}.sc-methode .jalon:nth-child(4){animation-delay:1.15s}.sc-methode .num{background-size:0% 2px;animation:.5s cubic-bezier(.2,.7,.2,1) both num-trait}.sc-methode .jalon:first-child .num{animation-delay:.85s}.sc-methode .jalon:nth-child(2) .num{animation-delay:1.05s}.sc-methode .jalon:nth-child(3) .num{animation-delay:1.25s}.sc-methode .jalon:nth-child(4) .num{animation-delay:1.45s}@keyframes num-trait{to{background-size:100% 2px}}.sc-contact .champ{animation:.5s cubic-bezier(.2,.7,.2,1) both a-up}.sc-contact .champ:first-child{animation-delay:.55s}.sc-contact .champ:nth-child(2){animation-delay:.7s}.sc-contact .champ:nth-child(3){animation-delay:.85s}.sc-contact .champ i{animation:.5s ease-out both champ-remplit}.sc-contact .champ:first-child i{animation-delay:1s}.sc-contact .champ:nth-child(2) i{animation-delay:1.25s}.sc-contact .champ:nth-child(3) i{animation-delay:1.5s}@keyframes champ-remplit{0%{width:0}to{width:var(--w,60%)}}.sc-contact .envoi{animation:.45s cubic-bezier(.3,1.6,.4,1) 1.85s both a-pop}.sc-contact .recu{animation:.5s cubic-bezier(.2,.7,.2,1) 2.35s both recu-up}@keyframes recu-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}