*,*:before,*:after{box-sizing:border-box}:root{--fond: #07100f;--teal: #3bb7af;--teal-clair: #8ff0e6;--encre: #e8edec;--sourd: rgba(232, 237, 236, .55);--filet: rgba(232, 237, 236, .12)}html,body{height:100%}body{margin:0;background:var(--fond);color:var(--encre);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.decor{position:fixed;inset:0;pointer-events:none;overflow:hidden}.trame{position:absolute;inset:-60px;opacity:.5;background-image:linear-gradient(rgba(59,183,175,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,183,175,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 70% at 30% 20%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(80% 70% at 30% 20%,#000 20%,transparent 78%);animation:derive 34s linear infinite}@keyframes derive{to{transform:translate3d(64px,64px,0)}}.halo{position:absolute;inset:0;background:radial-gradient(58% 48% at 16% 10%,rgba(59,183,175,.2),transparent 70%),radial-gradient(48% 40% at 90% 86%,rgba(59,183,175,.1),transparent 72%)}.suiveur{position:absolute;width:620px;height:620px;left:var(--x, 50%);top:var(--y, 50%);margin:-310px 0 0 -310px;opacity:0;background:radial-gradient(closest-side,rgba(59,183,175,.16),transparent 72%);transition:opacity .6s ease}.suiveur[data-vivant=oui]{opacity:1}main{position:relative;display:flex;flex-direction:column;min-height:100dvh;padding:clamp(20px,4vh,36px) clamp(20px,6vw,72px) clamp(20px,3vh,32px)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sourd)}.marque{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--encre)}.direct{display:inline-flex;align-items:center;gap:8px;font-size:10.5px}.pouls{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 #3bb7af8c;animation:pouls 2.4s ease-out infinite}@keyframes pouls{60%,to{box-shadow:0 0 0 9px #3bb7af00}}.coeur{margin:auto 0;padding:clamp(28px,5vh,64px) 0 clamp(20px,3vh,36px)}.sur-titre{margin:0 0 20px;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px #3bb7af66;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}h1{margin:0;max-width:22ch;font-size:clamp(2.05rem,5.6vw,4.4rem);font-weight:700;line-height:1.04;letter-spacing:-.04em}h1 .ligne{display:block;overflow:hidden;padding-bottom:.06em}h1 .ligne>span{display:block}h1 .teal{color:var(--teal)}.texte{max-width:48ch;margin:24px 0 0;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.6;color:var(--sourd)}.preuves{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:22px 32px;max-width:780px;margin:clamp(30px,4vh,44px) 0 0}.preuve{min-width:0;border-top:1px solid var(--filet);padding-top:14px}.preuves dd{margin:0;font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--encre);font-variant-numeric:tabular-nums}.preuve:first-child dd{color:var(--teal)}.preuves dt{margin-top:9px;font-size:12.5px;line-height:1.45;color:var(--sourd)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(28px,4vh,40px)}.bouton{position:relative;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;background:var(--teal);color:#06201e;font-size:15px;font-weight:700;text-decoration:none;overflow:hidden;transition:transform .16s ease,background .16s ease,box-shadow .22s ease}.bouton svg{transition:transform .22s ease}.bouton:hover{background:#4ccfc6;box-shadow:0 14px 34px #3bb7af42}.bouton:hover svg{transform:translate(4px)}.bouton:active{transform:translateY(1px)}.bouton:after{content:"";position:absolute;inset:0 auto 0 -40%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-120%)}.bouton:hover:after{animation:reflet .7s ease}@keyframes reflet{to{transform:translate(420%)}}.lien{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--sourd);text-decoration:none;border-bottom:1px solid rgba(232,237,236,.2);padding-bottom:3px;transition:color .16s ease,border-color .16s ease}.lien:hover{color:var(--teal);border-color:var(--teal)}.courbe{position:relative;margin:0 calc(-1*clamp(20px,6vw,72px));padding:0 clamp(20px,6vw,72px)}.courbe svg{display:block;width:100%;height:clamp(96px,15vh,168px)}.courbe-trait{stroke-dasharray:1;stroke-dashoffset:1;animation:tracer 2s cubic-bezier(.22,1,.36,1) .5s both}@keyframes tracer{to{stroke-dashoffset:0}}.courbe-aire{opacity:0;animation:paraitre 1.2s ease 1.5s both}@keyframes paraitre{to{opacity:1}}.courbe-point{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--teal-clair);opacity:0;box-shadow:0 0 #8ff0e680;animation:paraitre .5s ease 2.4s both,pouls 2.6s ease-out 2.9s infinite}.courbe figcaption{display:flex;align-items:baseline;gap:12px;margin-top:10px;max-width:62ch;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.5;letter-spacing:.04em;color:#e8edec6b}.courbe figcaption b{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.04em;color:var(--teal)}footer{margin-top:clamp(20px,3vh,30px);padding-top:18px;border-top:1px solid var(--filet)}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer a{color:var(--sourd);text-decoration:none;transition:color .16s ease}footer a:hover{color:var(--teal)}.signature{text-align:right}.monte{animation:monter .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 85ms)}@keyframes monter{0%{opacity:0;transform:translateY(20px)}}:where(a):focus-visible{outline:2px solid var(--teal-clair);outline-offset:3px;border-radius:4px}@media(max-width:760px){header .lieu{display:none}}@media(max-width:560px){header{flex-wrap:wrap;gap:10px}footer{flex-direction:column;align-items:flex-start;gap:12px}.signature{text-align:left}}@media(prefers-reduced-motion:reduce){.trame,.pouls,.monte,.courbe-trait,.courbe-aire,.courbe-point,.bouton:after{animation:none}.courbe-trait{stroke-dashoffset:0}.courbe-aire,.courbe-point{opacity:1}.suiveur{display:none}}
