@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--ink:#03110e;--paper:#ecfdf5;--hot:#34d399;--cool:#6ee7b7;--mono:"Be Vietnam Pro", Arial, sans-serif;--display:"Be Vietnam Pro", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--hot);color:#000}canvas.gl{z-index:0;inset:0;width:100vw!important;height:100vh!important;position:fixed!important}.runway{z-index:1;pointer-events:none;height:1300vh;position:relative}.vig{z-index:4;pointer-events:none;background:radial-gradient(#0000 42%,#03110ee0 100%);position:fixed;inset:0}.grain{z-index:5;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:6s steps(8,end) infinite gr;position:fixed;inset:-50%}@keyframes gr{0%,to{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}nav{z-index:20;letter-spacing:.32em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:1.5rem 4vw;font-size:.62rem;display:flex;position:fixed;top:0;left:0;right:0}.mark{font-family:var(--display);letter-spacing:.28em;font-size:1.1rem}.pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #eef0f633;border-radius:99px;align-items:center;gap:1.2rem;padding:.55rem 1.3rem;display:flex}.pill a{color:inherit;opacity:.75;text-decoration:none;transition:all .3s}.pill a:hover{opacity:1;color:var(--cool)}.pill i{background:#eef0f659;width:24px;height:1px;display:block}.hero{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(2.8rem,11vw,9.5rem);font-weight:400;line-height:.88}h1 span{display:block}@keyframes materialise{0%{opacity:0;filter:blur(26px);letter-spacing:.42em;transform:translateY(.28em)}to{opacity:1;filter:blur();letter-spacing:.01em;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(1.1em)}to{opacity:1;transform:none}}.hero h1 span{opacity:0;animation:1.5s cubic-bezier(.16,.9,.24,1) forwards materialise}.hero h1 span:first-child{animation-delay:1.15s}.hero h1 span:nth-child(2){animation-delay:1.34s}.hero h1 span:nth-child(3){animation-delay:1.53s}.hero .kicker{opacity:0;animation:.9s .85s forwards fadeUp}.hero .sub{opacity:0;animation:.9s 2.1s forwards fadeUp}.ending{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.4s;display:flex;position:fixed;inset:0}.ending>*{opacity:0;filter:blur(14px);transition:opacity 1s cubic-bezier(.16,.9,.24,1),transform 1.1s cubic-bezier(.16,.9,.24,1),filter 1s cubic-bezier(.16,.9,.24,1);transform:translateY(1.4rem)}.ending[data-in="1"]>*{opacity:1;filter:blur();transform:none}.ending[data-in="1"] .kicker{transition-delay:.15s}.ending[data-in="1"] .veil,.ending[data-in="1"] h2{transition-delay:.42s}.ending[data-in="1"] .esub{transition-delay:.78s}.ending[data-in="1"] .cta{transition-delay:1.05s}.ending h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 40px #02080ad9,0 1px 3px #02080a99;margin:0;font-size:clamp(2rem,6vw,5rem);font-weight:400;line-height:.94}.ending h2 span{display:block}.esub{letter-spacing:.12em;opacity:.72;text-shadow:0 1px 20px #02080ae6;max-width:30rem;margin:1.5rem 0 0;font-size:.72rem;line-height:2}.ending .kicker{color:#b9f4ff;opacity:.95;text-shadow:0 1px 22px #02080af2}.cta{pointer-events:auto;font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060e106b;border:1px solid #eef0f652;border-radius:99px;align-items:center;gap:.85rem;margin-top:2.4rem;padding:1.05rem 2.3rem;font-size:.66rem;text-decoration:none;transition:all .35s;display:inline-flex}.cta i{background:currentColor;width:20px;height:1px;transition:all .35s;display:block}.cta:hover{color:#04121a;background:#eef0f6f0;border-color:#0000}.cta:hover i{width:34px}.kicker{letter-spacing:.5em;text-transform:uppercase;color:var(--cool);margin:0 0 1.3rem;font-size:.6rem}.sub{letter-spacing:.35em;text-transform:uppercase;opacity:.55;margin:1.6rem 0 0;font-size:.68rem}.cap{z-index:20;text-align:right;pointer-events:none;max-width:23rem;transition:opacity .6s;position:fixed;bottom:11vh;right:4vw}.cap i{color:var(--hot);letter-spacing:.3em;margin-bottom:.5rem;font-size:.56rem;font-style:normal;display:block}.cap b{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:400;line-height:1;display:block}.cap p{opacity:.55;letter-spacing:.05em;margin:.75rem 0 0;font-size:.64rem;line-height:1.95}@media (width<=760px){.cap{text-align:left;max-width:none;bottom:8vh;left:4vw;right:4vw}}html{scroll-behavior:smooth;font-size:16px}nav{letter-spacing:0;text-transform:none;padding:1.5rem 4vw;font-size:1rem}.mark{letter-spacing:-.06em;color:var(--paper);font-size:1.55rem;font-weight:800;text-decoration:none}.mark span{color:var(--cool)}.pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:1.75rem;padding:.6rem 0}.pill a{opacity:1;font-weight:500}a:focus-visible{outline-offset:7px;outline:2px solid #6ee7b7}.hero{padding:7rem 5vw}h1{text-transform:none;letter-spacing:-.055em;font-size:clamp(2.4rem,5.9vw,5.7rem);font-weight:700;line-height:1.22}.hero h1 span{animation-name:sflow-materialise}.hero h1 span:nth-child(2){color:#a7f3d0}@keyframes sflow-materialise{0%{opacity:0;filter:blur(18px);transform:translateY(.25em)}to{opacity:1;filter:blur();transform:none}}.hero-description{color:#c2d9ce;text-wrap:balance;max-width:42rem;margin:1.8rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.85}.sub{letter-spacing:0;text-transform:none;color:#b4cebf;opacity:1;margin-top:2.5rem;font-size:1rem}.sub span{color:#6ee7b7;margin-left:10px;display:inline-block}.cap{background:radial-gradient(at 100% 100%,#03110eeb,#0000 75%);max-width:29rem;padding:1.5rem 0 1rem 2rem;bottom:5vh}.cap b{letter-spacing:-.04em;text-transform:none;color:#d1fae5;font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:600;line-height:1.35}.cap p{letter-spacing:0;opacity:1;color:#b8d2c4;margin-top:.6rem;font-size:1rem;line-height:1.8}.ending{visibility:hidden;padding:6rem 5vw}.ending[data-in="1"]{visibility:visible}.ending h2{letter-spacing:-.055em;text-transform:none;font-size:clamp(2.3rem,5.4vw,5rem);font-weight:700;line-height:1.25}.ending h2 span:last-child{color:#6ee7b7}.esub{letter-spacing:0;color:#c2d9ce;max-width:37rem;font-size:1.05rem;line-height:1.85}.cta{letter-spacing:0;text-transform:none;color:#03251a;background:#6ee7b7;border:0;border-radius:8px;gap:1.5rem;padding:1rem 1.6rem;font-size:1rem;font-weight:600}.cta:hover{color:#03251a;background:#a7f3d0;transform:translateY(-2px)}.cta:active{transform:translateY(0)}.runway #dich-vu{position:absolute;top:12%}.runway #lien-he{position:absolute;top:92%}@media (width<=760px){nav{padding:1.3rem 5vw}.mark{font-size:1.3rem}.pill{gap:1.15rem;font-size:1rem}.hero{padding:7rem 5vw 9rem}h1{font-size:clamp(2rem,7.6vw,3.5rem);line-height:1.28}.hero-description{max-width:29rem;margin-top:1.4rem;line-height:1.8}.desktop-break{display:none}.sub{margin-top:2rem}.cap{text-align:left;background:linear-gradient(#0000,#03110ef2 35%);padding:2rem 5vw 1.8rem;bottom:0;left:0;right:0}.cap b{font-size:1.6rem}.cap p{max-width:31rem;font-size:1rem;line-height:1.65}.ending{padding:6rem 5vw}.esub{font-size:1rem}.cta{padding:1rem 1.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain{animation:none}.hero h1 span,.hero .sub{animation-duration:.01ms;animation-delay:0s}.ending,.ending>*{transition:none}}.hero{background:radial-gradient(at 50% 47%,#03110eb8,#03110e66 34%,#0000 70%)}
