*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #08090d;--bg-surface: #0e1117;--bg-grid: #0c0f16;--blue: #6965db;--blue-glow: rgba(105, 101, 219, .35);--white: #f0eff4;--white-60: rgba(240, 239, 244, .6);--white-40: rgba(240, 239, 244, .4);--white-15: rgba(240, 239, 244, .15);--white-08: rgba(240, 239, 244, .08);--white-04: rgba(240, 239, 244, .04);--gray: #8b8d9a;--radius-card: 14px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35), 0 1px 6px rgba(0, 0, 0, .2);--shadow-card-hover: 0 16px 52px rgba(0, 0, 0, .5), 0 0 30px var(--blue-glow)}html{scroll-behavior:smooth;font-size:100%}@media(min-width:1921px){html{font-size:18px}}@media(min-width:2560px){html{font-size:24px}}body{background:var(--bg-deep);color:var(--white);font-family:Syne,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.loader:before{content:"";position:absolute;inset:0;background:#08090d73;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);z-index:-1;transition:opacity .8s cubic-bezier(.4,0,.2,1);pointer-events:auto}.loader.fade-bg:before{opacity:0;pointer-events:none}.loader.done{display:none}.loader-inner{text-align:center;position:relative;z-index:2}.loader-logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(3rem,12vw,10rem);line-height:.9;letter-spacing:-.04em;color:var(--white);opacity:0;transform:scale(1);animation:loaderIn .8s cubic-bezier(.22,1,.36,1) .9s forwards;transform-origin:center center;will-change:transform,opacity}.loader-logo.moving{opacity:1;animation:none;transition:transform 1s cubic-bezier(.16,1,.3,1)}.loader-sub{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--gray);margin-top:.7rem;opacity:0;animation:loaderIn .7s cubic-bezier(.22,1,.36,1) .15s forwards;transition:opacity .3s ease}.loader-sub.hide{opacity:0;transform:translateY(-12px);animation:none}@keyframes loaderIn{0%{opacity:0;transform:scale(1.06) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2.8rem;background:#08090d8c;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--white-08);font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(-12px)}.hero-nav.show{animation:fadeSlideDown .7s cubic-bezier(.22,1,.36,1) forwards}.nav-left{display:flex;gap:2.8rem}.nav-right{display:flex;gap:1.4rem;align-items:center}.hero-nav a{color:var(--white-60);text-decoration:none;transition:color .25s}.hero-nav a:hover{color:var(--blue)}.nav-pill{border:1.5px solid var(--white-40);border-radius:100px;padding:.4rem 1rem;transition:all .3s}.nav-pill:hover{background:var(--blue);border-color:var(--blue);color:var(--white)!important}.dot-online{width:9px;height:9px;background:#22c55e;border-radius:50%;display:inline-block;animation:dotPulse 2.5s ease infinite}.hero{position:relative;height:100vh;overflow:hidden;background-color:var(--bg-grid)}.hero:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,var(--white-15) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;z-index:1;pointer-events:none;animation:blobFloat 18s ease-in-out infinite}.hero-blob-1{width:500px;height:500px;top:-10%;left:5%;background:radial-gradient(circle,#6965db 0%,transparent 70%)}.hero-blob-2{width:400px;height:400px;top:-5%;right:10%;background:radial-gradient(circle,#e44d90 0%,transparent 70%);animation-delay:-6s}.hero-blob-3{width:350px;height:350px;top:30%;left:40%;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);opacity:.2;animation-delay:-12s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-30px) scale(1.08)}66%{transform:translate(-15px,15px) scale(.94)}}.scatter{position:absolute;inset:0;z-index:2;overflow:hidden}.hero-top{position:absolute;top:0;left:0;right:0;z-index:10;padding:7rem 3rem 2.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;background:#08090d66;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border-bottom:1px solid var(--white-08)}.logo-wrap{flex-shrink:0;overflow:hidden}.logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(4rem,10vw,9rem);line-height:.9;letter-spacing:-.04em;color:var(--white);opacity:0;will-change:transform,opacity}.logo.visible{opacity:1;transform:none}.logo-sub{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(.95rem,1.8vw,1.4rem);color:var(--gray);margin-top:.5rem;opacity:0;transform:translateY(12px)}.logo-sub.show{animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) forwards}.tagline-block{padding-top:1.2rem;max-width:380px;opacity:0;transform:translateY(24px)}.tagline-block.show{animation:fadeSlideUp .7s cubic-bezier(.22,1,.36,1) forwards}.sidekick-label{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--white-08)}.tag-italic{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.1rem,1.8vw,1.45rem);color:var(--gray);line-height:1.4;margin-bottom:.15rem}.tag-line{font-family:"Instrument Serif",serif;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.35;color:var(--white)}.tag-rotating{display:inline;font-weight:600;color:var(--blue);position:relative}.tag-rotating:after{content:"";position:absolute;right:-3px;top:8%;height:84%;width:2.5px;background:var(--blue);animation:caretBlink .65s step-end infinite}.cta{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.6rem;padding:.7rem 1.6rem;background:var(--blue);color:var(--white);border-radius:100px;border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease;opacity:0;transform:translateY(16px)}.cta.show{animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) .1s forwards}.cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 32px var(--blue-glow);background:#7b78e5}.card{position:absolute;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);background:#1a1d28;transform:scale(0) rotate(0);opacity:0;will-change:transform,opacity;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .35s ease,box-shadow .3s ease;cursor:pointer}.card.pop{opacity:1;transform:scale(1) rotate(var(--rot, 0deg))}.card:hover{z-index:200!important;transform:scale(1.08) rotate(0)!important;box-shadow:var(--shadow-card-hover)}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover img{transform:scale(1.05)}.searchbar-wrap{position:absolute;bottom:15%;left:0;right:0;z-index:10;padding:1.2rem 2rem 1.8rem;display:flex;justify-content:center;opacity:0;transform:translateY(12px)}.searchbar-wrap.show{animation:fadeSlideUp .5s cubic-bezier(.22,1,.36,1) forwards}.searchbar{display:flex;align-items:center;width:100%;max-width:620px;background:#0e111759;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:100px;padding:.5rem .55rem .5rem 1.8rem;gap:.6rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 25px #8b5cf626;animation:pulseHalo 3s infinite ease-in-out}.search-text{flex:1;font-family:DM Mono,monospace;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--white-60);background:none;border:none;outline:none;caret-color:transparent}.search-btn{background:var(--white-08);border:1px solid var(--white-08);border-radius:100px;padding:.5rem 1.1rem;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);cursor:pointer;white-space:nowrap;transition:all .25s}.search-btn:hover{background:var(--blue);border-color:var(--blue);color:var(--white)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHalo{0%,to{box-shadow:0 0 25px #8b5cf626;border-color:#ffffff26}50%{box-shadow:0 0 40px #8b5cf659;border-color:#8b5cf666}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes caretBlink{50%{opacity:0}}#outils h2{min-height:3em;display:flex;flex-direction:column;justify-content:center}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media(max-width:960px){.hero-top{flex-direction:column;gap:1rem;padding:6rem 2rem 2rem}.tagline-block{max-width:100%;padding-top:0}.hero-blob-1{width:300px;height:300px}.hero-blob-2{width:250px;height:250px}}@media(max-width:768px){.nav-left a:not(:first-child){display:none}.nav-left{gap:0}.hero{height:100dvh}.logo{font-size:clamp(3rem,15vw,4.5rem)}.loader-logo{font-size:clamp(2.5rem,12vw,4rem)}.tagline-block{text-align:center;margin-right:0!important}.hero-top{align-items:center;text-align:center}.logo-wrap{display:flex;flex-direction:column;align-items:center}.hero-top{padding-top:5.5rem}.searchbar-wrap{bottom:10%;padding:0 1.5rem}.searchbar{background:#08090df2;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0009}}@media(max-width:600px){.hero-nav{padding:.9rem 1.2rem}.nav-left{gap:1.5rem}.nav-right{gap:.8rem}.nav-right a:not(.nav-pill){display:none}.hero-top{padding:5rem 1.2rem 1.5rem}}.section-dark{background:var(--bg-deep);color:var(--white);position:relative}.section-surface{background:var(--bg-surface);color:var(--white);position:relative}.section-dark:before,.section-surface:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--white-08) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;opacity:.5}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.btn-glow{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--blue);color:var(--white);border-radius:100px;font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease}.btn-glow:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px var(--blue-glow),0 0 60px #6965db33;background:#7b78e5}.glass-card{background:#0e111799;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--white-08);border-radius:16px;padding:2rem;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0006,0 0 30px var(--blue-glow);border-color:var(--white-15)}.tool-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#6965db4d,#6965db1a);border:1px solid var(--white-08);margin-bottom:1rem;transition:transform .3s,box-shadow .3s}.glass-card:hover .tool-icon{transform:scale(1.1);box-shadow:0 0 20px var(--blue-glow)}.screenshot-dark{position:relative;border-radius:20px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--white-08);box-shadow:0 4px 6px #0003,0 20px 50px #0006,0 0 80px #6965db1a;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.screenshot-dark:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 8px 12px #0000004d,0 30px 70px #00000080,0 0 100px var(--blue-glow)}.screenshot-dark:before{content:"";position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(135deg,rgba(105,101,219,.4) 0%,transparent 50%,rgba(228,77,144,.3) 100%);z-index:-1;opacity:0;transition:opacity .4s ease}.screenshot-dark:hover:before{opacity:1}.value-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#6965db40,#6965db14);border:1px solid var(--white-08);margin-bottom:1.2rem;transition:transform .3s,box-shadow .3s}.value-icon:hover{transform:scale(1.1);box-shadow:0 0 25px var(--blue-glow)}.gradient-text{background:linear-gradient(135deg,var(--blue) 0%,#e44d90 50%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider-glow{height:1px;background:linear-gradient(90deg,transparent 0%,var(--white-15) 50%,transparent 100%);margin:0 auto;max-width:200px}