@font-face{font-family:"Jost";src:url(/fonts/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Mona Sans";src:url(/fonts/mona-sans.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
:root{color-scheme:light;--ink:#0F0D0C;--ink2:#191614;--ink-line:#2E2926;--on-ink:#F6F3EF;--on-ink-muted:#ABA39B;--paper:#F5F4F1;--surface:#FFFFFF;--text:#171412;--muted:#645D57;--line:#E1DDD7;--g1:#FF3D00;--g2:#FF9A4D;--accent:#C63A08;--grad:linear-gradient(100deg,var(--g1),var(--g2),var(--g1));--grad-deep:linear-gradient(100deg,#D63300,#F2581A,#D63300);--body:"Jost","Century Gothic",Futura,"Trebuchet MS",sans-serif;--alt:"Mona Sans","Helvetica Neue",Arial,sans-serif;--didone:"Bodoni Moda",Didot,"Bodoni MT",serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--paper);color:var(--text);font:400 1.1rem/1.6 var(--body);-webkit-font-smoothing:antialiased;--c-muted:var(--muted);--c-line:var(--line);--c-accent:var(--accent);--c-grad:var(--grad-deep)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--ink)}
.dk{background:var(--ink);color:var(--on-ink);--c-muted:var(--on-ink-muted);--c-line:var(--ink-line);--c-accent:var(--g2);--c-grad:var(--grad)}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:400;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.6vw,4.9rem);letter-spacing:-.04em;line-height:1}
h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.035em;line-height:1.04}
h3{font-size:1.22rem;font-weight:500;letter-spacing:-.015em;line-height:1.2}
h1 em,h2 em,.price b{font-style:normal;font-weight:500;white-space:nowrap;background:var(--c-grad) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
@keyframes up{from{opacity:0;transform:translateY(.6em)}}
@keyframes rise{from{opacity:0;transform:translateY(44px)}}
@keyframes float{50%{transform:translateY(-12px)}}
@keyframes drift{to{transform:translate(9vw,-6vw) scale(1.18)}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes kb{to{transform:scale(1.14)}}
@keyframes scrolly{0%,20%,100%{transform:translateY(0)}48%,72%{transform:translateY(calc(57.5cqw - 100%))}}
@keyframes scrollp{0%,18%,100%{transform:translateY(0)}50%,70%{transform:translateY(calc(205.5cqw - 100%))}}
:focus-visible{outline:2px solid var(--g2);outline-offset:4px;border-radius:4px}
::selection{background:#E8470F;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}
.w{max-width:1200px;margin-inline:auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
.eye{font-size:.8rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent)}
.lead{color:var(--c-muted);font-size:1.1rem;line-height:1.5;max-width:32em}
.btn{display:inline-flex;align-items:center;gap:8px;font:500 .98rem var(--body);padding:10px 22px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;background:var(--text);color:#fff;transition:transform .3s var(--ease),box-shadow .3s}
.dk .btn{background:#fff;color:var(--ink)}
.btn svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.btn:hover{box-shadow:0 12px 30px -10px rgba(255,61,0,.7)}
.btn:hover svg{transform:translateX(4px)}
.lnk{font-weight:500;padding-bottom:5px;background:var(--grad) 0 100%/200% 2px no-repeat;transition:background-position .6s var(--ease)}
.lnk:hover{background-position:100% 100%}
.prog{position:fixed;inset:env(safe-area-inset-top,0px) 0 auto;height:3px;z-index:11;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--sp,0))}
section{padding-block:96px}
.head{display:flex;flex-direction:column;gap:20px;max-width:780px}
.head+*{margin-top:52px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:rgba(15,13,12,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-line)}
header .w{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:10px;transition:padding .4s var(--ease)}
.logo{display:flex}
.logo img{height:40px;width:auto;display:block;transition:height .4s var(--ease),transform .5s var(--ease)}
.logo:hover img{transform:rotate(-4deg) scale(1.06)}
.sc .w{padding-block:8px}
.sc .logo img{height:32px}
nav{display:flex;align-items:center;gap:30px;font-size:1rem}
nav a:not(.btn){position:relative;padding-block:6px;color:var(--on-ink-muted);transition:color .3s}
nav a:not(.btn)::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease)}
nav a:not(.btn):hover,nav a.cur{color:#fff}
nav a:not(.btn):hover::after,nav a.cur::after{transform:scaleX(1)}
nav .btn{padding:8px 18px;font-size:.94rem}
.hero{position:relative;overflow:hidden}
.halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px circle at var(--mx,72%) var(--my,24%),rgba(255,140,60,.14),transparent 70%)}
.halo i{position:absolute;border-radius:50%}
.halo i:first-child{width:62vw;height:62vw;left:-6%;bottom:-30vw;background:radial-gradient(closest-side,rgba(255,61,0,.5),rgba(255,61,0,0));animation:drift 17s ease-in-out infinite alternate}
.halo i:last-child{width:52vw;height:52vw;right:-4%;bottom:-22vw;background:radial-gradient(closest-side,rgba(255,154,77,.34),rgba(255,154,77,0));animation:drift 23s ease-in-out infinite alternate-reverse}
.hero .w{position:relative;z-index:1;padding-top:84px;padding-bottom:96px}
.hero h1{margin-top:0}
.hero h1 .eye{display:block;line-height:1.6;margin-bottom:22px}
.eye i{font-style:normal}
.eye br{display:none}
.ln{display:inline-block;animation:up 1s var(--ease) backwards}
.hero h1 em{display:inline-block;animation:up 1s var(--ease) .12s backwards,sheen 6s linear infinite}
.hero h1 .ln:nth-of-type(2){animation-delay:.24s}
.rot{display:inline-grid;animation:up 1s var(--ease) .36s backwards}
.rot b{grid-area:1/1;font-weight:inherit;opacity:0;transform:translateY(.45em);transition:opacity .5s,transform .6s var(--ease)}
.rot b::before{content:attr(data-w)}
.rot b.on{opacity:1;transform:none}
.rot b.out{transform:translateY(-.45em)}
.hero-sub{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:end;margin-top:40px}
.hero-sub>*{animation:up 1s var(--ease) backwards}
.hero-sub>div{display:flex;flex-direction:column;gap:22px;animation-delay:.18s}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.facts{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.96rem;color:var(--c-muted)}
.facts li{display:flex;align-items:center;gap:9px}
.facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)}
.stage{position:relative;margin-top:72px;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.win{background:#1B1816;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;box-shadow:0 44px 90px -34px rgba(0,0,0,.7)}
.stage .win{width:87%;animation:rise 1.1s var(--ease) .4s backwards}
.bar{display:flex;align-items:center;gap:7px;padding:11px 14px}
.bar i{width:10px;height:10px;border-radius:50%;background:#3B3531}
.bar span{margin:0 auto;transform:translateX(-22px);font:500 .68rem var(--alt);color:#ABA39B;background:#28231F;padding:4px 18px;border-radius:99px}
.view{container-type:inline-size;overflow:hidden;background:#F3EFE9}
.stage .win .view{aspect-ratio:16/9.2}
.stage .win .site{animation:scrolly 16s cubic-bezier(.65,0,.35,1) 2.4s infinite}
.phone{position:absolute;right:1.5%;top:12%;width:21%;transform:translateZ(70px);animation:rise 1.1s var(--ease) .6s backwards}
.phone>div{border:7px solid #0A0908;border-radius:32px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 44px 70px -24px rgba(0,0,0,.85);animation:float 7s ease-in-out 1.8s infinite}
.phone .view{aspect-ratio:9/18.5}
.phone .site{animation:scrollp 13s cubic-bezier(.65,0,.35,1) 3.4s infinite}
.mq{position:relative;z-index:1;overflow:hidden;border-top:1px solid var(--ink-line);padding-block:26px}
.mq div{display:flex;width:max-content;animation:mq 40s linear infinite}
.mq:hover div{animation-play-state:paused}
.mq span{display:flex;align-items:center;gap:38px;padding-right:38px;font-size:clamp(1.9rem,4.2vw,3.3rem);font-weight:300;letter-spacing:-.02em;white-space:nowrap}
.mq span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--on-ink-muted)}
.mq span::after{content:"";width:.3em;height:.3em;background:var(--grad);transform:rotate(45deg)}
.site{container-type:inline-size;overflow:hidden;line-height:1.3;font-family:var(--alt)}
.site *{margin:0}
.site img{display:block;width:100%;height:100%;object-fit:cover}
.site i{font-style:normal}
.s-at{background:#F3EFE9;color:#22201C}
.s-at .nv{display:flex;align-items:center;gap:3cqw;padding:2cqw 4cqw;font-size:1.1cqw}
.s-at .nv b{font-weight:600;font-size:1.25cqw;letter-spacing:.28em;text-transform:uppercase;margin-right:auto}
.s-at .nv i{font-weight:600;padding:.8cqw 1.7cqw;border-radius:99px;background:#22201C;color:#F3EFE9}
.s-at .hr{display:grid;grid-template-columns:1fr 1.25fr;height:38cqw}
.s-at .tx{padding:0 4cqw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.8cqw}
.s-at small{font-size:.9cqw;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7A5C3A}
.s-at strong{font:500 4.7cqw/1.05 var(--didone);letter-spacing:-.015em}
.s-at p{font-size:1.2cqw;line-height:1.55;color:#5E5850}
.s-at .tx i{font-weight:600;font-size:1.1cqw;border-bottom:.15cqw solid #22201C;padding-bottom:.4cqw}
.s-at .rw{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:3.4cqw 4cqw}
.s-at .rw div{display:flex;flex-direction:column;gap:1cqw;font-size:1cqw;color:#5E5850}
.s-at .rw img{aspect-ratio:4/3;height:auto}
.s-at .bd{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:4cqw;background:#22201C;color:#F3EFE9;font:500 2.6cqw var(--didone)}
.s-at .bd i{font:600 1.1cqw var(--alt);padding:1cqw 2cqw;border-radius:99px;background:#F3EFE9;color:#22201C}
.s-at.m .nv{padding:5cqw 6cqw}
.s-at.m .nv b{font-size:4cqw}
.s-at.m .nv u{width:7cqw;height:3cqw;border-block:.6cqw solid #22201C}
.s-at.m .ph{height:88cqw}
.s-at.m .ph+.tx+.ph{height:62cqw}
.s-at.m .tx{padding:7cqw 6cqw 9cqw;gap:4.5cqw}
.s-at.m small{font-size:2.8cqw}
.s-at.m strong{font-size:11cqw}
.s-at.m .tx i{font-size:4cqw;background:#22201C;color:#F3EFE9;padding:3.2cqw 6.5cqw;border-radius:99px;border:0}
.s-at.m .bd{flex-direction:column;align-items:flex-start;gap:5cqw;padding:9cqw 6cqw 12cqw;font-size:8cqw}
.s-at.m .bd i{font-size:4cqw;padding:3.2cqw 6.5cqw}
.fold{aspect-ratio:10/7.4}
.s-tb{position:relative;background:#12100E;color:#F5EFE6}
.s-tb>img{position:absolute;inset:0;animation:kb 18s ease-in-out infinite alternate}
.s-tb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.72),rgba(12,10,8,.5) 45%,rgba(12,10,8,.88))}
.s-tb>div{position:relative;z-index:1}
.s-tb .nv{display:flex;justify-content:space-between;align-items:center;padding:4cqw 5cqw;font-size:1.8cqw;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.s-tb .nv b{font-weight:800;font-size:4.4cqw;font-stretch:75%;letter-spacing:.06em}
.s-tb .ct{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3cqw;padding:5cqw 8cqw 0}
.s-tb small{font-size:1.8cqw;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#DDBB8A}
.s-tb strong{font-weight:800;font-size:13cqw;line-height:.9;font-stretch:75%;text-transform:uppercase}
.s-tb .ct i{font-size:1.9cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:.25cqw solid #F5EFE6;padding:1.9cqw 4.2cqw}
.s-tb .ft{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:3.6cqw 5cqw;font-size:1.8cqw;color:#D9CFC2}
.s-cb{background:#F4F6F9;color:#14213D;display:flex;flex-direction:column}
.s-cb .nv{display:flex;align-items:center;gap:4cqw;padding:3.6cqw 5cqw;font-size:1.9cqw;font-weight:500}
.s-cb .nv b{font-weight:700;font-size:3cqw;letter-spacing:-.02em;margin-right:auto}
.s-cb .nv i,.s-cb .tx i{font-weight:600;background:#14213D;color:#fff;padding:1.6cqw 3.2cqw;border-radius:1.4cqw}
.s-cb .hr{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:4cqw;padding:1cqw 5cqw 0;align-items:center}
.s-cb .tx{display:flex;flex-direction:column;align-items:flex-start;gap:2.8cqw}
.s-cb small{font-size:1.7cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#2C6A8C}
.s-cb strong{font-weight:700;font-size:5.6cqw;line-height:1.06;letter-spacing:-.035em}
.s-cb .tx i{font-size:2cqw}
.s-cb .hr>div:last-child{aspect-ratio:1/1.02;border-radius:3cqw;overflow:hidden}
.s-cb .ft{display:grid;grid-template-columns:repeat(3,1fr);gap:4cqw;padding:3.6cqw 5cqw 4.2cqw;font-size:1.9cqw;font-weight:600}
.s-cb .ft span{border-top:.3cqw solid #C9D2DE;padding-top:1.6cqw}
.s-bt{background:#F6EEE7;color:#1F3B2D;display:grid;grid-template-columns:1fr 1.08fr}
.s-bt>div:first-child{overflow:hidden}
.s-bt .sd{display:flex;flex-direction:column;justify-content:space-between;padding:4cqw 5cqw 4.6cqw;min-width:0}
.s-bt .nv{display:flex;justify-content:space-between;align-items:baseline;font-size:1.9cqw;font-weight:500}
.s-bt .nv b{font:italic 500 3.8cqw var(--didone)}
.s-bt .tx{display:flex;flex-direction:column;align-items:flex-start;gap:3cqw}
.s-bt small{font-size:1.7cqw;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#B04E36}
.s-bt strong{font:italic 500 6cqw/1.08 var(--didone)}
.s-bt .tx i{font-size:2cqw;font-weight:600;background:#1F3B2D;color:#F6EEE7;padding:1.9cqw 3.8cqw;border-radius:99px}
.s-bt .ft{font-size:1.8cqw;color:#5B6B60}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.split>.head{position:sticky;top:120px}
.split>.head+*{margin-top:0}
.svc li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:26px;padding-block:36px;border-top:1px solid var(--c-line)}
.svc li:last-child{border-bottom:1px solid var(--c-line)}
.svc li::before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}
.svc li:hover::before{transform:scaleX(1)}
.svc li>div{transition:transform .5s var(--ease)}
.svc li:hover>div{transform:translateX(12px)}
.svc svg{width:40px;height:40px;fill:none;stroke:url(#gr);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;transition:stroke-dashoffset 1.6s var(--ease) .3s}
.svc p{color:var(--c-muted);margin-top:10px;max-width:34em}
.svc small{display:block;margin-top:14px;font-size:.92rem;color:var(--text)}
.demo{background:var(--surface);border-block:1px solid var(--line)}
.cpts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cpts .win{box-shadow:0 34px 60px -34px rgba(23,20,18,.55);transition:transform .3s var(--ease)}
.cpts .site img{transition:transform 1.4s var(--ease)}
.cpts figure:hover .site div>img{transform:scale(1.08)}
.cpts figcaption{margin-top:24px;display:flex;flex-direction:column;gap:6px}
.cpts figcaption p{color:var(--c-muted)}
.note{margin-top:44px;font-size:.98rem;color:var(--c-muted)}
.mth .pic{position:sticky;top:110px;border-radius:18px;overflow:hidden;aspect-ratio:4/5}
.mth .pic img{display:block;width:100%;height:118%;object-fit:cover;object-position:40% 50%;transform:translateY(calc(var(--py,0)*1px))}
.mth .pic::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--grad)}
.mth .head{margin-bottom:48px}
.steps{position:relative;counter-reset:s}
.steps::before,.steps::after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--c-line)}
.steps::after{background:var(--grad);transform:scaleY(var(--p,1));transform-origin:50% 0}
.steps li{counter-increment:s;display:grid;grid-template-columns:4.6rem 1fr;gap:6px 16px;padding:28px 0 28px 34px}
.steps li+li{border-top:1px solid var(--c-line)}
.steps li::before{content:"0" counter(s);grid-row:span 2;font-size:2.7rem;font-weight:300;line-height:1;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;transition:opacity .5s}
.steps p{color:var(--c-muted);grid-column:2}
.price{display:flex;align-items:baseline;gap:.1em;font-size:clamp(4.2rem,11vw,8rem);font-weight:300;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.price b{font-weight:300;display:inline-block;padding:.04em .12em .06em 0;margin-right:-.04em}
.price span{font-size:.38em;letter-spacing:0;color:var(--c-muted)}
.pricebox{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.incl{margin-top:22px}
.incl li{display:grid;grid-template-columns:24px 1fr;gap:16px;padding-block:18px;border-top:1px solid var(--c-line)}
.incl li:last-child{border-bottom:1px solid var(--c-line)}
.incl svg{width:22px;height:22px;margin-top:4px;color:var(--accent);stroke-dasharray:1;transition:stroke-dashoffset .9s var(--ease) calc(var(--i,0)*90ms + .35s)}
.incl strong{display:block;font-weight:500;font-size:1.14rem}
.incl span{color:var(--c-muted);font-size:1.02rem}
.faq{padding-top:0}
details{border-top:1px solid var(--c-line);padding-block:22px}
details:last-child{border-bottom:1px solid var(--c-line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500;font-size:1.22rem;transition:color .3s}
summary:hover{color:var(--accent)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:300;font-size:1.7rem;line-height:1;color:var(--accent);transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(135deg)}
details p{color:var(--c-muted);margin-top:12px;max-width:38em}
details[open] p{animation:up .5s var(--ease)}
.contact .w{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.contact .info{display:flex;flex-direction:column;gap:36px;min-width:0}
.contact .head+*{margin-top:0}
.coord li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:18px;border-top:1px solid var(--c-line)}
.coord li:last-child{border-bottom:1px solid var(--c-line)}
.coord small{display:block;font-size:.76rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted)}
.coord strong{font-weight:500;font-size:1.3rem;user-select:all;overflow-wrap:anywhere}
.copy{font:500 .86rem var(--body);padding:6px 14px;border-radius:99px;border:1px solid var(--c-line);background:none;color:inherit;cursor:pointer;flex:none;transition:border-color .3s,color .3s}
.copy:hover{border-color:var(--g2);color:var(--g2)}
form{color-scheme:dark;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--ink2);border:1px solid var(--ink-line);border-radius:22px;padding:36px;align-content:start}
form label{display:flex;flex-direction:column;gap:8px;font-size:.98rem;min-width:0}
form .full{grid-column:1/-1}
input,select,textarea{font:400 1.05rem var(--body);padding:13px 15px;border-radius:11px;border:1px solid var(--ink-line);background:var(--ink);color:var(--on-ink);width:100%;transition:border-color .3s,box-shadow .3s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--g2);box-shadow:0 0 0 4px rgba(255,130,50,.16)}
textarea{min-height:140px;resize:vertical}
form .btn{grid-column:1/-1;justify-self:start}
#etat{grid-column:1/-1;color:var(--c-muted);font-size:.98rem}
#etat:empty{display:none}
footer{border-top:1px solid var(--ink-line)}
footer .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-block:30px;font-size:.98rem;color:var(--c-muted)}
footer .logo img{height:34px}
.js :is(.head>*,.svc>li,.cpts>figure,.steps>li,.incl>li,details,.coord>li,form,.pic,.pricebox>*,.incl-t,.note,.lst>li,.cols>li,.tbl,.rel>a,.flow,.ident){opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.js :is(.head>*,.svc>li,.cpts>figure,.steps>li,.incl>li,details,.coord>li,form,.pic,.pricebox>*,.incl-t,.note,.lst>li,.cols>li,.tbl,.rel>a,.flow,.ident).in{opacity:1;transform:none}
.js .svc li:not(.in) svg,.js .incl li:not(.in) svg{stroke-dashoffset:1}
.js .steps li:not(.on)::before{opacity:.28}
@media (max-width:960px){
nav a:not(.btn){display:none}
.hero-sub,.split,.contact .w{grid-template-columns:1fr}
.hero .w{padding-top:52px;padding-bottom:64px}
.hero-sub{gap:24px;margin-top:26px}
.split{gap:44px}
.split>.head,.mth .pic{position:static}
.mth .pic{position:relative;top:auto;aspect-ratio:16/10}
.cpts{grid-template-columns:1fr;gap:44px}
.stage{margin-top:52px}
.stage .win{width:100%}
.phone{width:27%;right:4%;top:18%}
.phone>div{border-width:4px;border-radius:20px}
section{padding-block:64px}
.head+*{margin-top:36px}
.logo img,.sc .logo img{height:32px}
}
@media (max-width:560px){
form{grid-template-columns:1fr;padding:24px}
.steps li{grid-template-columns:3.4rem 1fr;padding-left:22px}
.steps li::before{font-size:2rem}
.svc li{grid-template-columns:1fr;gap:16px}
.eye i{display:none}
.eye br{display:inline}
}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crumb{animation:up 1s var(--ease) backwards}
.crumb ol{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.92rem;color:var(--on-ink-muted);margin-bottom:34px}
.crumb li{display:flex;gap:10px}
.crumb li+li::before{content:"›"}
.crumb a{transition:color .3s}
.crumb a:hover{color:#fff}
.crumb [aria-current]{color:var(--on-ink)}
.hero.sm .w{padding-top:40px;padding-bottom:84px}
.hero.sm h1{font-size:clamp(2.2rem,5vw,4.2rem)}
.hero.sm h1 .eye{margin-bottom:20px}
.hero.sm .tl{display:block;animation:up 1s var(--ease) .12s backwards}
.hero.sm h1 em{display:inline;white-space:normal;animation:sheen 6s linear infinite}
.hero.sm .hero-sub{margin-top:34px}
.hero.hb h1{max-width:640px}
.bird{position:absolute;z-index:0;right:max(22px,calc((100vw - 1200px)/2 + 22px));top:50%;width:min(34vw,420px);height:auto;margin-top:-17%;pointer-events:none;filter:drop-shadow(0 30px 70px rgba(255,61,0,.28));animation:float 9s ease-in-out infinite}
.txt{display:flex;flex-direction:column;gap:18px}
.txt p{color:var(--c-muted);max-width:36em}
.head .lnk{align-self:flex-start}
.lst li{position:relative;padding-block:28px;border-top:1px solid var(--c-line)}
.lst li:last-child{border-bottom:1px solid var(--c-line)}
.lst li::before{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}
.lst li:hover::before{transform:scaleX(1)}
.lst li>div{transition:transform .5s var(--ease)}
.lst li:hover>div{transform:translateX(10px)}
.lst h3{font-size:1.3rem}
.lst p{color:var(--c-muted);margin-top:8px;max-width:34em}
.lst small{display:block;margin-top:12px;font-size:.92rem;color:inherit}
.after{margin-top:26px;color:var(--c-muted);font-size:.98rem}
.cols{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:34px 0}
.cols li{padding:4px 30px 4px 26px;border-left:1px solid var(--c-line)}
.cols li.me{border-left:2px solid var(--g2)}
.cols p{color:var(--c-muted);margin-top:10px}
.cols.c4{--n:4}
.cols.c2{--n:2}
.tbl{width:100%;border-collapse:collapse;text-align:left}
.tbl th{font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);padding:0 24px 16px 0}
.tbl td{padding:26px 24px 26px 0;border-top:1px solid var(--c-line);vertical-align:top;color:var(--c-muted)}
.tbl tr:last-child td{border-bottom:1px solid var(--c-line)}
.tbl td:first-child{font-weight:500;font-size:1.22rem;color:var(--text);width:28%}
.tbl td:last-child{white-space:nowrap;color:var(--text);font-weight:500}
.relw .head+*{margin-top:44px}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rel a{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:38px;min-height:176px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}
.rel a::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.rel a:hover::before,.rel a:focus-visible::before{transform:scaleX(1)}
.rel small{font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.rel strong{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;font-size:1.32rem;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.rel svg{flex:none;width:20px;height:20px;color:var(--accent);transition:transform .4s var(--ease)}
.rel a:hover svg{transform:translateX(6px)}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.fc{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;background:#1B1816;border:1px solid rgba(255,255,255,.14);border-radius:18px;opacity:.5;animation:fcl 9s ease-in-out infinite}
.fc:nth-child(2){animation-delay:1.6s}
.fc:nth-child(3){animation-delay:3.2s}
.fc small{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--on-ink-muted)}
.fc small::before{content:"";width:8px;height:8px;border-radius:50%;background:#4A423C;animation:fcd 9s ease-in-out infinite;animation-delay:inherit}
.fc strong{font-size:1.4rem;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.fc p{color:var(--on-ink-muted);font-size:1rem;line-height:1.45}
.fc+.fc::before,.fc+.fc::after{content:"";position:absolute;left:-48px;top:50%;width:48px;height:2px;background:var(--ink-line)}
.fc+.fc::after{background:var(--grad);transform-origin:0 50%;transform:scaleX(0);animation:fcc 9s ease-in-out infinite;animation-delay:inherit}
.fc:nth-child(2)::after{animation-delay:1.1s}
.fc:nth-child(3)::after{animation-delay:2.7s}
@keyframes fcl{0%,6%{opacity:.5;border-color:rgba(255,255,255,.14);box-shadow:none}14%,72%{opacity:1;border-color:rgba(255,138,61,.6);box-shadow:0 0 0 1px rgba(255,138,61,.18),0 30px 60px -34px rgba(255,61,0,.7)}84%,100%{opacity:.5;border-color:rgba(255,255,255,.14);box-shadow:none}}
@keyframes fcd{0%,6%{background:#4A423C}14%,72%{background:#FF7A2E}84%,100%{background:#4A423C}}
@keyframes fcc{0%,4%{transform:scaleX(0)}16%,72%{transform:scaleX(1)}84%,100%{transform:scaleX(0)}}
@keyframes fccv{0%,4%{transform:scaleY(0)}16%,72%{transform:scaleY(1)}84%,100%{transform:scaleY(0)}}
.js .flow:not(.in) .fc,.js .flow:not(.in) .fc::before,.js .flow:not(.in) .fc::after,.js .flow:not(.in) .fc small::before{animation-play-state:paused}
.ident{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto;gap:18px}
.ident>div{background:var(--ink2);border:1px solid var(--ink-line);border-radius:22px;padding:30px 34px}
.ident small{display:block;font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--on-ink-muted)}
.idl{display:flex;flex-direction:column;gap:22px;min-height:230px}
.idl div{flex:1;display:flex;align-items:center;justify-content:center}
.idl img{width:min(250px,64%);height:auto;display:block}
.idp{display:flex;flex-direction:column;gap:24px}
.pal{display:flex;flex-wrap:wrap;gap:20px 28px}
.pal span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.12em;color:var(--on-ink-muted)}
.pal i{width:64px;height:64px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:transform .8s var(--ease) calc(var(--k)*140ms + .3s)}
.ids{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.aa{align-self:flex-start;font-size:clamp(6.5rem,13vw,11rem);font-weight:300;line-height:.95;letter-spacing:-.05em;padding:0 .1em .06em 0;background:var(--grad) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.abc{font-size:1.25rem;font-weight:300;letter-spacing:.06em;line-height:1.7;color:var(--on-ink-muted);overflow-wrap:anywhere}
.ids b{font-weight:500;font-size:1.1rem;color:var(--on-ink)}
.js .ident:not(.in) .pal i{transform:scale(0)}
.ident+figcaption,.ident-f figcaption{margin-top:22px;color:var(--c-muted);font-size:.98rem}
.cpts.one{grid-template-columns:minmax(0,1fr)}
.cpts figcaption a{display:inline-block}
.stage.late{margin-top:0}
.js .stage.late:not(.in) :is(.win,.phone,.phone>div,.site){animation-play-state:paused}
.fg{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:40px 48px;align-items:start;padding-block:64px 44px}
footer .fg{display:grid;justify-content:normal;flex-wrap:nowrap}
.fcol{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;font-size:.98rem;color:var(--on-ink-muted)}
.fcol .logo{margin-bottom:10px}
.fcol a{transition:color .3s}
.fcol a:hover{color:#fff}
.fcol ul{display:flex;flex-direction:column;gap:9px}
.ft{font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--on-ink);margin-bottom:12px}
.fl{border-top:1px solid var(--ink-line)}
footer .fl .w{padding-block:22px;font-size:.92rem}
.faq{padding-top:96px}
.faq.t0{padding-top:0}
.tight-top{padding-top:0}
@media (max-width:960px){
.cols,.cols.c4{--n:2}
.rel{grid-template-columns:1fr}
.rel a{min-height:0;gap:20px}
.ident{grid-template-columns:1fr}
.ids{grid-column:1;grid-row:auto}
.flow{grid-template-columns:1fr;gap:38px}
.fc+.fc::before,.fc+.fc::after{left:50%;top:-38px;width:2px;height:38px;margin-left:-1px}
.fc+.fc::after{transform-origin:50% 0;transform:scaleY(0);animation-name:fccv}
.fg{grid-template-columns:1fr 1fr;padding-block:48px 32px}
.fcol:first-child{grid-column:1/-1}
.faq{padding-top:64px}
.faq.t0{padding-top:0}
.hero.sm .w{padding-top:28px;padding-bottom:56px}
.hero.sm .hero-sub{margin-top:26px}
.bird{width:50vw;top:56px;margin-top:0;opacity:.3;right:12px}
.crumb ol{margin-bottom:26px}
.cpts.one{max-width:560px}
}
@media (max-width:560px){
.cols,.cols.c4,.cols.c2{--n:1}
.cols li{border-left:0;border-top:1px solid var(--c-line);padding:20px 0 4px}
.cols li.me{border-left:0;border-top:2px solid var(--g2)}
.fg{grid-template-columns:1fr}
.ident>div{padding:24px}
.tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:auto}
.tbl tr{border:1px solid var(--c-line);border-radius:16px;padding:18px 20px;margin-bottom:14px;background:var(--surface)}
.tbl td,.tbl tr:last-child td{border:0;padding:6px 0;width:auto!important;white-space:normal}
.tbl td::before{content:attr(data-l);display:block;font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.pal{gap:18px 20px}
.pal i{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){
.fc{opacity:1;border-color:rgba(255,138,61,.45)}
.fc small::before{background:#FF7A2E}
.fc+.fc::after{transform:none}
}
.split>div>.incl:first-child{margin-top:0}
.flow+.cols{margin-top:60px}
.head .lead{margin-top:2px}
footer nav a:not(.btn){padding-block:2px}
details{overflow-x:clip}
summary::after{flex:none}
.svc .lnk{display:inline-block;margin-top:18px;font-size:.98rem}
.fcol p{margin:0}
h1 em,h2 em{padding-right:.06em;margin-right:-.06em}
@media (max-width:560px){.pal span{font-size:.7rem;letter-spacing:.03em}}

.txt a,.after a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(255,138,61,.7)}
.txt a:hover,.after a:hover{text-decoration-thickness:2px}

.xl{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}
.coord .lnk{font-size:.95rem;margin-left:6px}
.xl+.note{margin-top:8px}
form fieldset{grid-column:1/-1;border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
form legend{padding:0;margin-bottom:12px;font-size:.98rem}
form fieldset label{flex-direction:row;align-items:center;gap:10px;width:auto}
form input[type=checkbox]{width:auto;accent-color:var(--g2);margin:0}
form small{color:var(--c-muted);font-size:.82rem}
@media(max-width:700px){form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}