.mathieu-page{--mathieu-settle:cubic-bezier(.16,1,.3,1)}.mathieu-page #mathieu-creation{scroll-margin-top:56px}.mm-scene{position:relative}.mm-scene--hero{position:absolute;top:0;bottom:0;left:0;right:0}.mm-scene--hero .mm-scene__content{height:100%}.mm-scene--creation{max-width:1040px;margin-inline-start:auto;margin-inline-end:auto}.mm-scene[data-motion=paused] .mm-scene__content *,.mm-scene[data-motion=paused] .mm-scene__content :before,.mm-scene[data-motion=paused] .mm-scene__content :after{animation-play-state:paused!important}.mm-controls{justify-content:flex-end;gap:6px;display:flex}.mm-scene:not([data-motion]) .mm-controls{visibility:hidden}.mm-controls button{border:1px solid var(--hairline-on-dark);width:44px;height:44px;color:var(--ink-on-dark-soft);cursor:pointer;background:#181818;border-radius:8px;flex:none;place-items:center;padding:0;transition:color .16s,background .16s,border-color .16s;display:grid}.mm-controls button:hover{color:#fff;background:#242424;border-color:#565656}.mm-controls button:focus-visible{outline-offset:3px;outline:2px solid #85aaff}.mm-controls svg{stroke-width:1.8px;width:16px;height:16px}.mm-scene--hero .mm-controls{z-index:10;position:absolute;bottom:12px;right:12px}.mm-scene--hero .mm-controls button{color:#262626;background:#fff;border-color:#dedede;box-shadow:0 2px 8px #00000018}.mm-scene--hero .mm-controls button:hover{background:#f3f3f3}.mathieu-page .al-prompt{border-radius:8px;font-size:13px}.mathieu-page .al-card{border-radius:8px;font-size:12px}.mathieu-page .al-btn{font-size:12px}.mathieu-page .al-chip{font-size:11px}.mathieu-page .al-flow-cue{display:none}@media (prefers-reduced-motion:no-preference){.mathieu-page .wft__copy{animation:mathieu-copy-in .36s var(--mathieu-settle) both}.mathieu-page .wft__shot{animation:mathieu-media-in .46s var(--mathieu-settle) both}.mathieu-page .wft__badges{animation:mathieu-copy-in .36s var(--mathieu-settle) both}.mathieu-page .mb-pages-window{animation:mathieu-media-in .42s var(--mathieu-settle) both}.mathieu-page .fp-faq__row[open] .fp-faq__a{animation:mathieu-copy-in .24s var(--mathieu-settle) both}}@keyframes mathieu-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mathieu-media-in{0%{opacity:.45;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:700px) and (not (min-width:1000px)){.mathieu-page .al-frame{--al-prompt-w:min(480px, 70%)}}@media not (min-width:700px){.mm-scene--creation{max-width:380px}.mathieu-page .al-sec .v3-sec__inner{padding-block-start:64px;padding-block-end:40px}.mathieu-page .al-head{margin-bottom:28px}.mathieu-page .al-frame{--al-hub-y:220px;--al-prompt-y:30px;--al-prompt-w:100%;--al-clients-y:82px;--al-product-y:110px;--al-product-size:24px;--al-product-travel:80px;--al-input-x:0%;--al-output-x:62%;--al-card-w:38%;--al-engine-x:50%;--al-engine-y:263px;--al-mix-unit:7px;--al-mix-y:140px;aspect-ratio:auto;width:100%;max-width:380px;height:400px}.mathieu-page .al-frame:before,.mathieu-page .al-frame:after{content:"";pointer-events:none;background:#ffffff35;position:absolute}.mathieu-page .al-frame:before{width:1px;height:115px;top:105px;left:50%}.mathieu-page .al-frame:after{width:80%;height:1px;top:220px;left:10%}.mathieu-page .al-frame>.v3d-svg,.mathieu-page .al-rec:not(.al-rec--prod){display:none}.mathieu-page .al-hub-mark{width:13%;max-width:56px}.mathieu-page .al-flow-cue{color:#b9b9b9;width:12px;height:12px;display:block;position:absolute;top:220px;transform:translate(-50%,-50%)}.mathieu-page .al-flow-cue--in{left:40.75%}.mathieu-page .al-flow-cue--out{left:59.25%}.mathieu-page .al-dots{width:70%;height:80%}.mathieu-page .al-prompt{gap:8px;min-height:56px;padding:8px;font-size:12px}.mathieu-page :-webkit-any(.al-q--a,.al-q--b){white-space:normal;text-overflow:clip;overflow:visible}.mathieu-page :-moz-any(.al-q--a,.al-q--b){white-space:normal;text-overflow:clip;overflow:visible}.mathieu-page :is(.al-q--a,.al-q--b){white-space:normal;text-overflow:clip;overflow:visible}.mathieu-page .al-prompt__file{width:36px;height:36px}.mathieu-page .al-prompt .al-mark{width:20px;height:20px}.mathieu-page .al-clients{gap:16px}.mathieu-page .al-clients .al-mark{width:14px;height:14px}.mathieu-page .al-card{font-size:11px}.mathieu-page .al-filters{gap:4px;padding:6px}.mathieu-page .al-filters>span{padding:3px 4px;font-size:9px}.mathieu-page .al-filters>span>span{font-size:inherit;background:0 0;padding:0}.mathieu-page .al-f-lg,.mathieu-page .al-angle,.mathieu-page .al-filters>span:nth-child(2){display:none}.mathieu-page .al-f-sm{display:inline}.mathieu-page .al-stat{gap:0;height:28px;padding:0 8px}.mathieu-page .al-card__foot{min-height:30px;padding:7px 8px}.mathieu-page .al-stat__dot,.mathieu-page .al-stat__lg{display:none}.mathieu-page .al-stat__sm{display:block}.mathieu-page .al-btn{padding:5px 8px;font-size:10px}.mm-scene--hero .mm-controls{bottom:6px;right:6px}}@media (prefers-reduced-motion:reduce){.mm-controls{display:none}}
.n2-hero-st{--k:calc(100cqw / 1600);--sx:var(--st-x);--sy:var(--st-y);background:#0b0b0d;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.n2-hero-st__feed{width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.n2-hero-st__l{left:calc(var(--x) * var(--k));top:calc(var(--y) * var(--k));width:calc(var(--w) * var(--k));height:calc(var(--h) * var(--k));position:absolute}.n2-hero-st__l img{width:100%;max-width:none;height:100%;display:block}.n2-hero-st__hover{z-index:2;opacity:0;animation:11s infinite n2h-hover}.n2-hero-st__scrim{z-index:3;clip-path:inset(0 0 0 calc(var(--scrim-from) * var(--k)));opacity:0;animation:11s infinite n2h-scrim;position:absolute;top:0;bottom:0;left:0;right:0}.n2-hero-st__ad{z-index:4;border-radius:calc(var(--ad-r) * var(--k));transform-origin:0 0;opacity:0;animation:11s infinite n2h-ad-op,11s infinite n2h-ad-tf;overflow:hidden}.n2-hero-st__cursor{z-index:6;width:max(11px, calc(20 * var(--k)));filter:drop-shadow(0 1px 1px #0000004d);transform:translate(calc(var(--sx) * var(--k)), calc(var(--sy) * var(--k)));line-height:0;animation:11s infinite n2h-cursor;position:absolute;top:0;left:0}.n2-hero-st__cursor svg{transform-origin:0 0;width:100%;height:auto;animation:11s linear infinite n2h-press;display:block}.n2-hero-st__ripple{z-index:5;width:calc(44 * var(--k));height:calc(44 * var(--k));margin:calc(-22 * var(--k)) 0 0 calc(-22 * var(--k));opacity:0;pointer-events:none;background:#2563eb59;border-radius:50%;position:absolute}.n2-hero-st__ripple--open{left:calc(var(--ox) * var(--k));top:calc(var(--oy) * var(--k));animation:11s linear infinite n2h-ripple-open}.n2-hero-st__ripple--close{left:calc(var(--cx) * var(--k));top:calc(var(--cy) * var(--k));animation:11s linear infinite n2h-ripple-close}@keyframes n2h-hover{0%,7.273%{opacity:0}8.636%,12.727%{opacity:1}14.545%,to{opacity:0}}@keyframes n2h-scrim{0%,19.091%{opacity:0}26.364%,79.091%{opacity:1}86.364%,to{opacity:0}}@keyframes n2h-ad-op{0%,19.091%{opacity:0}20.455%,85.455%{opacity:1}87.273%,to{opacity:0}}@keyframes n2h-ad-tf{0%,19.091%{transform:translate(calc(var(--gx) * var(--k)), calc(var(--gy) * var(--k))) scale(var(--gs));animation-timing-function:cubic-bezier(.65,0,.35,1)}28.182%,79.091%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:none}87.273%,to{transform:translate(calc(var(--gx) * var(--k)), calc(var(--gy) * var(--k))) scale(var(--gs))}}@keyframes n2h-cursor{0%{transform:translate(calc(var(--sx) * var(--k)), calc(var(--sy) * var(--k)));animation-timing-function:cubic-bezier(.645,.045,.355,1)}8.182%,12.727%{transform:translate(calc(var(--hx) * var(--k)), calc(var(--hy) * var(--k)));animation-timing-function:cubic-bezier(.645,.045,.355,1)}17.273%,30%{transform:translate(calc(var(--ox) * var(--k)), calc(var(--oy) * var(--k)));animation-timing-function:cubic-bezier(.645,.045,.355,1)}39.091%,72.727%{transform:translate(calc(var(--rx) * var(--k)), calc(var(--ry) * var(--k)));animation-timing-function:cubic-bezier(.645,.045,.355,1)}77.273%,87.273%{transform:translate(calc(var(--cx) * var(--k)), calc(var(--cy) * var(--k)));animation-timing-function:cubic-bezier(.645,.045,.355,1)}96.364%,to{transform:translate(calc(var(--sx) * var(--k)), calc(var(--sy) * var(--k)))}}@keyframes n2h-press{0%,17.727%{transform:none}18.182%{transform:scale(.85)}18.636%,77.727%{transform:none}78.182%{transform:scale(.85)}78.636%,to{transform:none}}@keyframes n2h-ripple-open{0%,17.727%{opacity:0;transform:scale(.2)}18.182%{opacity:1;transform:scale(.4)}22.273%,to{opacity:0;transform:scale(1.6)}}@keyframes n2h-ripple-close{0%,77.727%{opacity:0;transform:scale(.2)}78.182%{opacity:1;transform:scale(.4)}82.273%,to{opacity:0;transform:scale(1.6)}}.n2-hero .mm-scene--hero .mm-controls button{box-shadow:none;border-color:#0000001f}@media (max-width:640px){.n2-hero .v3-mac__lid{box-shadow:none;background:0 0;border-radius:12px;padding:0}.n2-hero .v3-mac__notch,.n2-hero .v3-mac__base{display:none}.n2-hero .v3-mac__screen{aspect-ratio:500/756;border-radius:12px}.n2-hero .v3-mac__screen:after{content:"";z-index:20;border-radius:inherit;pointer-events:none;background:0 0;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff1a}.n2-hero-st{aspect-ratio:1600/1000;width:320%;height:auto;transform:translate(var(--cam-fx), var(--cam-fy));--sx:var(--cam-sx);--sy:var(--cam-sy);animation:11s infinite n2h-cam;position:absolute;top:0;left:0}.n2-hero .mm-scene--hero .mm-controls{bottom:10px;right:10px}.n2-hero .mm-scene--hero .mm-controls button{width:36px;height:36px}.mm-scene[data-motion=reduced] .n2-hero-st{transform:translate(var(--cam-ox), var(--cam-oy))}}@keyframes n2h-cam{0%,19.091%{transform:translate(var(--cam-fx), var(--cam-fy));animation-timing-function:cubic-bezier(.65,0,.35,1)}28.182%,79.091%{transform:translate(var(--cam-ox), var(--cam-oy));animation-timing-function:cubic-bezier(.65,0,.35,1)}87.273%,to{transform:translate(var(--cam-fx), var(--cam-fy))}}.mm-scene[data-motion=reduced] :is(.n2-hero-st,.n2-hero-st__hover,.n2-hero-st__scrim,.n2-hero-st__ad,.n2-hero-st__cursor,.n2-hero-st__cursor svg,.n2-hero-st__ripple){animation:none}.mm-scene[data-motion=reduced] :-webkit-any(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0}.mm-scene[data-motion=reduced] :-moz-any(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0}.mm-scene[data-motion=reduced] :is(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0}.mm-scene[data-motion=reduced] .n2-hero-st__scrim{opacity:1}.mm-scene[data-motion=reduced] .n2-hero-st__ad{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){:is(.n2-hero-st,.n2-hero-st__hover,.n2-hero-st__scrim,.n2-hero-st__ad,.n2-hero-st__cursor,.n2-hero-st__cursor svg,.n2-hero-st__ripple){animation:none!important}:-webkit-any(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0!important}:-moz-any(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0!important}:is(.n2-hero-st__hover,.n2-hero-st__cursor,.n2-hero-st__ripple){opacity:0!important}.n2-hero-st__scrim{opacity:1!important}.n2-hero-st__ad{opacity:1!important;transform:none!important}}@media (prefers-reduced-motion:reduce) and (max-width:640px){.n2-hero-st{transform:translate(var(--cam-ox), var(--cam-oy))!important}}
