/* Polices auto-hébergées */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/figtree-latin-ext-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/figtree-latin-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/figtree-latin-ext-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/figtree-latin-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/figtree-latin-ext-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/figtree-latin-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/figtree-latin-ext-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/figtree-latin-_Xms-HUz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin-ext-tDbv2o-f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin-tDbv2o-f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin-ext-tDbv2o-f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/jetbrains-mono-latin-tDbv2o-f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/outfit-latin-ext-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/outfit-latin-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/outfit-latin-ext-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/outfit-latin-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/outfit-latin-ext-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/outfit-latin-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/outfit-latin-ext-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/outfit-latin-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/outfit-latin-ext-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/outfit-latin-QGYvz_MV.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Design « Comptoir Numérique » (maquette Claude Design) */
body{margin:0;background:#05060c;color:#f2f4f8;font-family:'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#a9b4ff}a:hover{color:#ffffff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.cn-nav{display:flex}.cn-burger{display:none}
@media (max-width:900px){.cn-nav{display:none}.cn-burger{display:inline-flex}.cn-cta-top{display:none}}

/* étoiles */
.cn-stars{pointer-events:none;overflow:hidden}
.cn-stars::before,.cn-stars::after{content:"";position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%}
.cn-stars::before{box-shadow:663px 308px rgba(255,255,255,0.7),808px 98px rgba(255,255,255,0.7),148px 1097px rgba(255,255,255,0.7),192px 748px rgba(255,255,255,0.7),1193px 118px rgba(255,255,255,0.7),1039px 439px rgba(255,255,255,0.7),76px 176px rgba(255,255,255,0.7),888px 856px rgba(255,255,255,0.7),143px 492px rgba(255,255,255,0.7),185px 869px rgba(255,255,255,0.7),121px 253px rgba(255,255,255,0.7),457px 126px rgba(255,255,255,0.7),1181px 812px rgba(255,255,255,0.7),101px 452px rgba(255,255,255,0.7),95px 272px rgba(255,255,255,0.7),593px 858px rgba(255,255,255,0.7),295px 241px rgba(255,255,255,0.7),1169px 631px rgba(255,255,255,0.7),1147px 370px rgba(255,255,255,0.7),211px 384px rgba(255,255,255,0.7),762px 199px rgba(255,255,255,0.7),1121px 128px rgba(255,255,255,0.7),1155px 122px rgba(255,255,255,0.7),1267px 421px rgba(255,255,255,0.7),1016px 1088px rgba(255,255,255,0.7),875px 643px rgba(255,255,255,0.7),953px 928px rgba(255,255,255,0.7),740px 613px rgba(255,255,255,0.7),508px 368px rgba(255,255,255,0.7),1431px 499px rgba(255,255,255,0.7),167px 614px rgba(255,255,255,0.7),1075px 1013px rgba(255,255,255,0.7),703px 919px rgba(255,255,255,0.7),589px 149px rgba(255,255,255,0.7),241px 1048px rgba(255,255,255,0.7),856px 337px rgba(255,255,255,0.7),1550px 700px rgba(255,255,255,0.7),311px 1001px rgba(255,255,255,0.7),863px 80px rgba(255,255,255,0.7),1368px 158px rgba(255,255,255,0.7),1565px 642px rgba(255,255,255,0.7),696px 717px rgba(255,255,255,0.7),1217px 1017px rgba(255,255,255,0.7),1187px 934px rgba(255,255,255,0.7),140px 191px rgba(255,255,255,0.7),552px 970px rgba(255,255,255,0.7),1427px 133px rgba(255,255,255,0.7),124px 634px rgba(255,255,255,0.7),1325px 912px rgba(255,255,255,0.7),582px 790px rgba(255,255,255,0.7),1369px 710px rgba(255,255,255,0.7),46px 945px rgba(255,255,255,0.7),727px 344px rgba(255,255,255,0.7),1251px 239px rgba(255,255,255,0.7),1011px 120px rgba(255,255,255,0.7),446px 588px rgba(255,255,255,0.7),264px 507px rgba(255,255,255,0.7),814px 800px rgba(255,255,255,0.7),1016px 165px rgba(255,255,255,0.7),340px 919px rgba(255,255,255,0.7),822px 569px rgba(255,255,255,0.7),280px 881px rgba(255,255,255,0.7),1126px 570px rgba(255,255,255,0.7),1446px 850px rgba(255,255,255,0.7),734px 779px rgba(255,255,255,0.7),472px 309px rgba(255,255,255,0.7),169px 360px rgba(255,255,255,0.7),309px 475px rgba(255,255,255,0.7),1348px 477px rgba(255,255,255,0.7),24px 993px rgba(255,255,255,0.7);animation:cn-twinkle 5s ease-in-out infinite}
.cn-stars::after{width:2px;height:2px;box-shadow:1206px 373px rgba(255,255,255,0.95),538px 577px rgba(255,255,255,0.95),8px 298px rgba(255,255,255,0.95),858px 1094px rgba(255,255,255,0.95),756px 652px rgba(255,255,255,0.95),257px 1055px rgba(255,255,255,0.95),1264px 110px rgba(255,255,255,0.95),935px 803px rgba(255,255,255,0.95),815px 817px rgba(255,255,255,0.95),807px 212px rgba(255,255,255,0.95),986px 820px rgba(255,255,255,0.95),127px 390px rgba(255,255,255,0.95),137px 427px rgba(255,255,255,0.95),902px 332px rgba(255,255,255,0.95),225px 696px rgba(255,255,255,0.95),1230px 107px rgba(255,255,255,0.95),209px 0px rgba(255,255,255,0.95),1160px 309px rgba(255,255,255,0.95),1098px 207px rgba(255,255,255,0.95),744px 52px rgba(255,255,255,0.95),144px 425px rgba(255,255,255,0.95),1257px 770px rgba(255,255,255,0.95),304px 516px rgba(255,255,255,0.95),711px 745px rgba(255,255,255,0.95),971px 251px rgba(255,255,255,0.95),236px 999px rgba(255,255,255,0.95),954px 983px rgba(255,255,255,0.95),990px 638px rgba(255,255,255,0.95),175px 295px rgba(255,255,255,0.95),209px 701px rgba(255,255,255,0.95),1516px 542px rgba(255,255,255,0.95),980px 330px rgba(255,255,255,0.95),1057px 47px rgba(255,255,255,0.95),420px 1081px rgba(255,255,255,0.95),740px 300px rgba(255,255,255,0.95),1413px 55px rgba(255,255,255,0.95),1552px 1081px rgba(255,255,255,0.95),610px 186px rgba(255,255,255,0.95),1425px 534px rgba(255,255,255,0.95),1061px 751px rgba(255,255,255,0.95);animation:cn-twinkle 7s ease-in-out 1.5s infinite}
@keyframes cn-twinkle{0%,100%{opacity:.3}50%{opacity:1}}

/* chargement du hero */
@keyframes cn-in{from{opacity:0;filter:blur(14px);transform:translateY(28px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes cn-dash-load{from{opacity:0;transform:perspective(1600px) translateY(160px) rotateX(28deg) scale(.94)}to{opacity:1;transform:perspective(1600px) rotateX(0) scale(1)}}
@keyframes cn-beam-in{from{opacity:0;transform:rotate(-122deg) scaleX(.3)}to{opacity:1;transform:rotate(-122deg) scaleX(1)}}
@keyframes cn-beam{0%,100%{opacity:.75}50%{opacity:1}}
.cn-l1{animation:cn-in .9s cubic-bezier(.2,.7,.2,1) .1s both}
.cn-l2{animation:cn-in .9s cubic-bezier(.2,.7,.2,1) .3s both}
.cn-l3{animation:cn-in .9s cubic-bezier(.2,.7,.2,1) .5s both}
.cn-l4{animation:cn-in .9s cubic-bezier(.2,.7,.2,1) .7s both}
.cn-l5{animation:cn-dash-load 1.4s cubic-bezier(.16,.8,.2,1) .8s both;transform-origin:50% 0}
.cn-beam{transform-origin:0 50%;animation:cn-beam-in 1.6s cubic-bezier(.2,.7,.2,1) .6s both,cn-beam 6s ease-in-out 2.2s infinite}
@keyframes cn-word{from{opacity:0;filter:blur(10px);transform:translateY(40%)}to{opacity:1;filter:blur(0);transform:none}}
.cn-word{display:inline-block;animation:cn-word .6s ease both}

/* boucles */
@keyframes cn-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cn-bar{0%,15%{transform:scaleY(.15)}45%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes cn-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes cn-fill{0%{width:8%}60%,100%{width:72%}}
@keyframes cn-draw{0%{stroke-dashoffset:900}60%,100%{stroke-dashoffset:0}}
@keyframes cn-pulse{0%{r:5;opacity:1}70%,100%{r:16;opacity:0}}
@keyframes cn-pop{0%,30%{opacity:0;transform:translateY(6px)}45%,100%{opacity:1;transform:none}}
@keyframes cn-stamp{0%,20%{transform:scale(.6);opacity:.2}35%,100%{transform:scale(1);opacity:1}}
@keyframes cn-swing{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@keyframes cn-flow{to{stroke-dashoffset:-240}}
@keyframes cn-chip{0%,100%{box-shadow:0 0 50px rgba(91,92,246,.6),inset 0 0 0 1px rgba(255,255,255,.3)}50%{box-shadow:0 0 110px rgba(120,140,255,.9),inset 0 0 0 1px rgba(255,255,255,.55)}}
@keyframes cn-spot{0%,100%{opacity:.7;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.1)}}
@keyframes cn-glow{0%,100%{box-shadow:0 0 30px rgba(91,92,246,.55),inset 0 1px 0 rgba(255,255,255,.35)}50%{box-shadow:0 0 60px rgba(120,140,255,.85),inset 0 1px 0 rgba(255,255,255,.5)}}
.cn-tag{transform-origin:50% 0;animation:cn-swing 4s ease-in-out infinite}

/* révélations au défilement */
@keyframes cn-rv{from{opacity:0;filter:blur(16px);transform:translateY(60px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes cn-rvh{from{opacity:0;filter:blur(12px);transform:translateY(70%);clip-path:inset(0 0 100% 0)}to{opacity:1;filter:blur(0);transform:none;clip-path:inset(0 0 -20% 0)}}
@keyframes cn-scatter{from{transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.92);opacity:.25}to{transform:none;opacity:1}}
@keyframes cn-tilt3d{from{transform:perspective(1200px) rotateX(46deg) rotateZ(-26deg) scale(.82) translateY(60px);opacity:.3}to{transform:perspective(1200px) rotateX(32deg) rotateZ(-18deg) scale(.95);opacity:1}}
.cn-iso{transform:perspective(1200px) rotateX(32deg) rotateZ(-18deg) scale(.95)}
/* Apparition au défilement : déclenchée une fois (main.js ajoute .rv puis .in), toujours terminée */
html.rv .cn-rv:not(.in),html.rv .cn-rvh:not(.in),html.rv .cn-sc:not(.in){opacity:0}
html.rv .cn-rv.in{animation:cn-rv .9s cubic-bezier(.2,.7,.2,1) both}
html.rv .cn-rvh.in{animation:cn-rvh .9s cubic-bezier(.2,.7,.2,1) both}
html.rv .cn-sc.in{animation:cn-scatter 1s cubic-bezier(.2,.7,.2,1) both}
html.rv .cn-iso.in{animation:cn-tilt3d 1.1s cubic-bezier(.2,.7,.2,1) both}

.cn-hub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);align-items:center;gap:0 40px;min-height:440px}
.cn-hub-wires{position:absolute;inset:0;width:100%;height:100%}
.cn-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cn-span2{grid-column:span 2}.cn-span3{grid-column:span 3}
@media (max-width:860px){.cn-sc{--sx:0px !important;--sy:50px !important}.cn-hub{grid-template-columns:minmax(0,1fr);gap:18px}.cn-hub-wires{display:none}.cn-hub-chip{order:-1}.cn-bento{grid-template-columns:minmax(0,1fr)}.cn-span2,.cn-span3{grid-column:auto}}

.cn-card{transition:border-color .25s ease,background .25s ease}
.cn-card:hover{border-color:rgba(140,150,255,.45) !important}
.cn-gl{position:relative;isolation:isolate}
.cn-gl::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(150,160,255,.22),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}
.cn-gl:hover::before{opacity:1}
.cn-lift{transition:translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .25s ease}
.cn-lift:hover{translate:0 -8px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 40px rgba(91,92,246,.3) !important}
.cn-btn{transition:scale .25s ease,filter .25s ease,box-shadow .25s ease}
.cn-btn:hover{scale:1.04;filter:brightness(1.15)}
.cn-btn:active{scale:.97}
.cn-arrow{display:inline-block;transition:translate .25s ease}
.cn-sol:hover .cn-arrow{translate:6px 0}
.cn-tag{cursor:default}
.cn-tag:hover{animation-play-state:paused}
.cn-tag:hover > span:last-child{scale:1.12;background:#ffffff !important;color:#2a2bb0 !important}
.cn-tag > span:last-child{transition:scale .25s ease,background .25s ease,color .25s ease}
.cn-tile{transition:scale .4s ease,filter .4s ease,border-color .3s ease}
.cn-tile:hover,.cn-tile:focus-visible{scale:1.03;filter:brightness(1.15);border-color:rgba(160,170,255,.55) !important}
.cn-scene{transition:scale .6s cubic-bezier(.2,.7,.2,1)}
.cn-tile:hover .cn-scene{scale:1.1}
.cn-svgt{transform-box:view-box}
@keyframes cn-steam{0%{opacity:0;transform:translateY(10px)}30%{opacity:.85}100%{opacity:0;transform:translateY(-26px)}}
@keyframes cn-snipA{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(1deg)}}
@keyframes cn-snipB{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-1deg)}}
@keyframes cn-spin{to{transform:rotate(360deg)}}
@keyframes cn-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cn-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes cn-kb{from{background-position:0% 0%;transform:scale(1)}to{background-position:100% 100%;transform:scale(1.15)}}
.cn-tile:hover .cn-fast{animation-duration:.9s !important}
.cn-tile .cn-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}
.cn-tile:hover .cn-more,.cn-tile:focus-within .cn-more{max-height:60px;opacity:1}
.cn-hubbtn{transition:border-color .25s ease,background .25s ease,translate .25s ease,box-shadow .25s ease}
.cn-mq:hover .cn-mq-row{animation-play-state:paused}
.cn-pill{transition:border-color .25s ease,translate .25s ease,background .25s ease}
.cn-pill:hover{border-color:rgba(160,170,255,.6) !important;translate:0 -3px}
.cn-hubbtn:hover{translate:0 -3px}
.cn-tiltwrap{transition:transform .25s ease-out;transform-style:preserve-3d}
.cn-nav a{position:relative;transition:color .2s ease}
.cn-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(100deg,#00b6ff,#7052f1,#ff65a7);scale:0 1;transition:scale .25s ease}
.cn-nav a:hover{color:#ffffff !important}.cn-nav a:hover::after{scale:1 1}
.cn-btn:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #00b6ff;outline-offset:2px}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
@media (max-width:700px){.cn-beam,.cn-beamglow{display:none}}
/* --- photos métiers --- */
@keyframes cn-kbz{from{scale:1.04}to{scale:1.16}}
@keyframes cn-shine{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}
.cn-photo{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;transform:translate(var(--px,0px),var(--py,0px));transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease;filter:saturate(.9) brightness(.82);animation:cn-kbz 14s ease-in-out infinite alternate}
.cn-tile:hover .cn-photo{filter:saturate(1.1) brightness(.95)}
.cn-tile .cn-shine{position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%) skewX(-18deg);pointer-events:none}
.cn-tile:hover .cn-shine{animation:cn-shine .9s ease}
.cn-tile .cn-cap{transition:translate .45s cubic-bezier(.2,.7,.2,1)}
.cn-tile .cn-cap{translate:0 34px}
.cn-tile:hover .cn-cap,.cn-tile:focus-visible .cn-cap{translate:0 0}
.cn-tile .cn-cta{opacity:0;transition:opacity .35s ease .05s}
.cn-tile:hover .cn-cta,.cn-tile:focus-visible .cn-cta{opacity:1}
.cn-tile .cn-badge{opacity:0;translate:0 -10px;transition:opacity .35s ease,translate .35s ease}
.cn-tile:hover .cn-badge{opacity:1;translate:0 0}
@media (hover:none){.cn-tile .cn-cap{translate:0 0}.cn-tile .cn-cta,.cn-tile .cn-badge{opacity:1;translate:0 0}}
/* --- offres cliquables --- */
.cn-plan{cursor:pointer}
.cn-plan:hover{border-color:rgba(200,205,255,.6) !important}
.cn-plan .cn-arrow{display:inline-block;transition:translate .25s ease}
.cn-plan:hover .cn-arrow{translate:6px 0}
/* --- hub : apparition dynamique --- */
@keyframes cn-panel{from{opacity:0;filter:blur(12px);transform:translateY(34px) scale(.95)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes cn-item{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes cn-burst{from{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}
@keyframes cn-pop2{0%{transform:scale(.4) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}100%{transform:none;opacity:1}}
.cn-panel{animation:cn-panel .6s cubic-bezier(.16,.8,.2,1) both}
.cn-item{animation:cn-item .5s cubic-bezier(.2,.7,.2,1) both}
.cn-burst{position:absolute;width:170px;height:170px;border-radius:38px;border:2px solid rgba(160,170,255,.9);animation:cn-burst .9s ease-out both;pointer-events:none}
.cn-pop2{animation:cn-pop2 .55s cubic-bezier(.2,.7,.2,1) both}
.cn-hubbtn{transition:border-color .3s ease,background .3s ease,translate .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,scale .45s cubic-bezier(.2,.7,.2,1)}
/* --- finitions --- */
@keyframes cn-progress{from{scale:0 1}to{scale:1 1}}
.cn-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:linear-gradient(90deg,#00b6ff,#7052f1,#ff65a7);transform-origin:0 50%;scale:0 1;pointer-events:none}
@supports (animation-timeline: scroll()){.cn-progress{animation:cn-progress linear both;animation-timeline:scroll(root)}}
.cn-cursor{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(112,82,241,.16),transparent 65%);pointer-events:none;z-index:1;transform:translate(var(--cx,-999px),var(--cy,-999px));transition:transform .18s ease-out;mix-blend-mode:screen}
@media (hover:none){.cn-cursor{display:none}}
.cn-mag{transition:translate .3s cubic-bezier(.2,.7,.2,1),scale .25s ease,filter .25s ease}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.cn-iso{transform:none}}

/* Styles des éléments (générés depuis la maquette) */
.s0{width:100%;min-width:0;overflow-x:hidden;background:#05060c}
.s1{position:sticky;top:0;z-index:50;padding:14px 16px 0}
.s2{max-width:1180px;margin:0 auto;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(14,17,32,.72);border:1px solid rgba(140,150,255,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.s3{display:flex;align-items:center;gap:10px;text-decoration:none}
.s4{font-family:Outfit,sans-serif;font-weight:700;font-size:17px;color:#f2f4f8}
.s5{align-items:center;gap:28px;font-size:14px}
.s6{color:#aab2c5;text-decoration:none}
.s7{display:flex;align-items:center;gap:8px}
.s8{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);color:#ffffff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 0 24px rgba(112,82,241,.55)}
.s9{width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#121626;color:#f2f4f8;cursor:pointer}
.sa{max-width:1180px;margin:8px auto 0;display:flex;flex-direction:column;padding:8px 20px 20px;border-radius:24px;background:rgba(14,17,32,.95);border:1px solid rgba(140,150,255,.16)}
.sb{color:#f2f4f8;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.sc{margin-top:14px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);color:#ffffff;font-weight:600;text-decoration:none}
.sd{position:relative;overflow:hidden;margin-top:-72px;padding-top:72px;background:radial-gradient(ellipse 90% 60% at 50% 0%,#141a3a 0%,#05060c 70%)}
.se{position:absolute;inset:0}
.sf{position:absolute;left:max(24px,calc(50% - 510px));top:670px;width:1200px;height:220px;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(170,190,255,.6) 12%,rgba(110,110,255,.25) 40%,rgba(91,92,246,0) 80%);clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);filter:blur(14px);mix-blend-mode:screen}
.sg{position:absolute;left:max(24px,calc(50% - 510px));top:750px;width:900px;height:60px;background:linear-gradient(90deg,#ffffff,rgba(200,210,255,.4) 30%,transparent 70%);clip-path:polygon(0 45%,100% 20%,100% 80%,0 55%);filter:blur(3px);mix-blend-mode:screen}
.sh{position:absolute;left:max(-56px,calc(50% - 590px));top:700px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,rgba(190,200,255,.6) 30%,transparent 70%);filter:blur(6px);mix-blend-mode:screen;z-index:3;pointer-events:none}
.si{position:relative;max-width:1100px;margin:0 auto;padding:clamp(90px,11vw,140px) 20px 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}
.sj{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid rgba(140,150,255,.22);background:rgba(18,22,42,.7);font-size:14px;color:#aab2c5}
.sk{padding:4px 10px;border-radius:999px;background:#ffdb58;color:#0a0d13;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600}
.sl{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(38px,6.2vw,74px);line-height:1.06;letter-spacing:-.03em;max-width:980px}
.sm{background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}
.sn{margin:0;max-width:660px;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#aab2c5}
.so{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sp{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#7d7dff,#5b5cf6);color:#ffffff;font-weight:600;font-size:16px;text-decoration:none;animation:cn-glow 3s ease-in-out infinite}
.sq{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid rgba(140,150,255,.3);background:rgba(255,255,255,.03);color:#f2f4f8;font-weight:600;font-size:16px;text-decoration:none}
.sr{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:14px;color:#aab2c5}
.ss{position:relative;max-width:1060px;margin:0 auto;padding:0 20px 40px}
.st{transform:perspective(1400px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg))}
.su{position:relative;margin:0;border-radius:22px;padding:8px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 40%);border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 120px rgba(0,0,0,.7),0 0 80px rgba(91,92,246,.18)}
.sv{border-radius:16px;background:#0b0e1a;border:1px solid #1a2036;overflow:hidden;text-align:left}
.sw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #1a2036;flex-wrap:wrap}
.sx{font-family:Outfit,sans-serif;font-weight:700;font-size:14px}
.sy{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}
.sz{padding:4px 10px;border-radius:999px;background:#1d2340;color:#f2f4f8}
.s10{padding:4px 10px;color:#8f98ad}
.s11{display:flex;flex-wrap:wrap;gap:14px;padding:18px}
.s12{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.s13{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.s14{font-size:20px;font-family:Outfit,sans-serif}
.s15{color:#8f98ad}
.s16{display:flex;gap:6px;margin-top:10px;font-size:10px;font-family:'JetBrains Mono',monospace}
.s17{padding:3px 8px;border-radius:999px;background:#ff65a7;color:#0a0d13;font-weight:600}
.s18{padding:3px 8px;border-radius:999px;background:#f2f4f8;color:#0a0d13;font-weight:600}
.s19{padding:3px 8px;border-radius:999px;background:#1d2340;color:#aab2c5}
.s1a{display:flex;gap:22px}
.s1b{font-family:Outfit,sans-serif;font-size:28px;font-weight:500}
.s1c{color:#3ad69a;font-size:13px}
.s1d{font-size:11px;color:#8f98ad}
.s1e{color:#ffdb58;font-size:13px}
.s1f{color:#ff65a7;font-size:13px}
.s1g{display:flex;gap:12px;flex-wrap:wrap}
.s1h{flex:0 1 160px;min-width:0;border-radius:12px;background:#11152a;border:1px solid #1a2036;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aab2c5}
.s1i{color:#f2f4f8;font-weight:600}
.s1j{display:flex;justify-content:space-between}
.s1k{color:#f2f4f8}
.s1l{flex:1 1 300px;min-width:0;border-radius:12px;background:#11152a;border:1px solid #1a2036;padding:12px}
.s1m{display:flex;justify-content:space-between;font-size:11px;color:#8f98ad;margin-bottom:4px}
.s1n{font-family:'JetBrains Mono',monospace}
.s1o{width:100%;height:auto;display:block}
.s1p{animation:cn-draw 6s ease infinite}
.s1q{flex:1 1 200px;min-width:0;border-radius:14px;padding:16px;background:linear-gradient(170deg,#4f7bff,#5b5cf6 60%,#7052f1);display:flex;flex-direction:column;gap:10px;box-shadow:0 0 40px rgba(91,92,246,.45)}
.s1r{font-size:13px;font-weight:600;color:#ffffff}
.s1s{font-size:12px;color:rgba(255,255,255,.85);line-height:1.5}
.s1t{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff;color:#0f141c;font-size:12px;font-weight:600;animation:cn-pop 4s ease infinite}
.s1u{width:30px;height:16px;border-radius:999px;background:#0f141c;position:relative}
.s1v{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#3ad69a}
.s1w{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff;color:#0f141c;font-size:12px;font-weight:600;animation:cn-pop 4s ease .6s infinite}
.s1x{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#ff65a7}
.s1y{position:absolute;left:0;right:0;bottom:0;height:200px;pointer-events:none;background:linear-gradient(0deg,#05060c 15%,rgba(5,6,12,0))}
.s1z{position:relative;padding:10px 0 90px;display:flex;flex-direction:column;align-items:center;gap:26px}
.s20{margin:0;padding:0 20px;text-align:center;font-size:15px;color:#aab2c5}
.s21{width:100%;display:flex;flex-direction:column;gap:14px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.s22{display:flex;gap:14px;width:max-content;animation:cn-marquee 42s linear infinite}
.s23{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:16px;background:linear-gradient(180deg,rgba(28,33,64,.85),rgba(14,17,34,.85));border:1px solid rgba(140,150,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);white-space:nowrap}
.s24{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#4285f4,#34a853);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s25{display:flex;flex-direction:column;gap:1px}
.s26{font-family:Outfit,sans-serif;font-weight:600;font-size:16px;color:#f2f4f8}
.s27{font-size:12px;color:#8f98ad}
.s28{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0866ff,#5b5cf6);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s29{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#feda75,#d62976 55%,#4f5bd5);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2a{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#25f4ee,#111111 50%,#fe2c55);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2b{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#00c4cc,#7d2ae8);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2c{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#10a37f,#0b6e57);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2d{display:flex;gap:14px;width:max-content;animation:cn-marquee 48s linear infinite reverse}
.s2e{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d97757,#b85a3c);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2f{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#a33bff,#6d00cc);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2g{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#21759b,#135e7e);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2h{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#95bf47,#5e8e3e);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2i{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3a3a3a,#111111);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2j{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fbbc04,#ea4335);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.s2k{position:relative;padding:40px 20px clamp(72px,9vw,120px);overflow:hidden}
.s2l{position:relative;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.s2m{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(110deg,#141a3e 0%,#2b2f8f 55%,#4446d8 100%);border:1px solid rgba(140,150,255,.3);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(91,92,246,.2);min-height:320px;display:flex;flex-wrap:wrap;align-items:flex-end}
.s2n{position:absolute;inset:0;opacity:.8}
.s2o{position:relative;flex:1 1 380px;min-width:0;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:14px}
.s2p{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(32px,4.2vw,50px);line-height:1.08;letter-spacing:-.025em}
.s2q{margin:0;color:#d4d8ff;font-size:16px;line-height:1.6;max-width:420px}
.s2r{position:relative;flex:1 1 440px;min-width:0;height:300px}
.s2s{pointer-events:auto;position:absolute;left:6%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:0s}
.s2t{width:1px;height:70px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s2u{width:5px;height:5px;border-radius:50%;background:#ffffff;box-shadow:0 0 10px #ffffff;margin-top:-2px}
.s2v{margin-top:4px;padding:6px 12px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600;background:rgba(255,255,255,.12);color:#ffffff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.s2w{pointer-events:auto;position:absolute;left:40%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:-1.2s}
.s2x{width:1px;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s2y{margin-top:4px;padding:6px 12px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600;background:#5b5cf6;color:#ffffff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.s2z{pointer-events:auto;position:absolute;left:60%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:-2.1s}
.s30{width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s31{pointer-events:auto;position:absolute;left:14%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:-0.6s}
.s32{width:1px;height:190px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s33{pointer-events:auto;position:absolute;left:52%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:-1.7s}
.s34{width:1px;height:205px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s35{pointer-events:auto;position:absolute;left:78%;top:0;display:flex;flex-direction:column;align-items:center;animation-delay:-2.8s}
.s36{width:1px;height:150px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55))}
.s37{margin-top:4px;padding:6px 12px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600;background:#ff65a7;color:#ffffff;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.s38{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.s39{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:linear-gradient(180deg,#0e1122,#0a0c18);border:1px solid rgba(140,150,255,.14);text-decoration:none;color:#f2f4f8}
.s3a{font-size:18px;line-height:1.45;font-family:Outfit,sans-serif;font-weight:500}
.s3b{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px dashed rgba(140,150,255,.2)}
.s3c{font-family:'JetBrains Mono',monospace;font-size:12px;color:#8f98ad}
.s3d{font-weight:700;color:#a9b4ff}
.s3e{position:relative;padding:clamp(72px,9vw,120px) 20px;overflow:hidden}
.s3f{position:absolute;left:50%;top:52%;width:760px;height:760px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,92,246,.45),rgba(0,182,255,.08) 45%,transparent 70%);filter:blur(30px)}
.s3g{position:relative;max-width:1180px;margin:0 auto}
.s3h{max-width:780px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.s3i{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(140,150,255,.25);background:rgba(18,22,42,.7);font-size:13px;color:#c3c8ff}
.s3j{width:7px;height:7px;border-radius:50%;background:#3ad69a;box-shadow:0 0 10px #3ad69a}
.s3k{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(32px,4.4vw,54px);line-height:1.06;letter-spacing:-.025em}
.s3l{background:linear-gradient(100deg,#00b6ff 0%,#8b8cff 50%,#ff65a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s3m{margin:0;color:#aab2c5;font-size:17px;line-height:1.6;max-width:620px}
.s3n{filter:drop-shadow(0 0 6px #8b8cff);animation:cn-flow 1.4s linear infinite;transition:opacity .4s ease}
.s3o{filter:drop-shadow(0 0 6px #8b8cff);animation:cn-flow 3.2s linear infinite;transition:opacity .4s ease}
.s3p{position:relative;align-self:stretch;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}
.s3q{translate:12px 0;scale:1.04;align-self:center;width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;font:inherit;color:#f2f4f8;padding:14px 16px;border-radius:16px;background:linear-gradient(150deg,#6a6bff,#4a4be0);border:1px solid rgba(255,255,255,.4);box-shadow:0 0 46px rgba(91,92,246,.6)}
.s3r{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2)}
.s3s{display:flex;flex-direction:column;gap:2px;min-width:0}
.s3t{font-family:Outfit,sans-serif;font-weight:600;font-size:16px}
.s3u{font-size:13px;color:#e6e8ff;line-height:1.45}
.s3v{translate:0 0;scale:1;align-self:center;width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;font:inherit;color:#f2f4f8;padding:14px 16px;border-radius:16px;background:rgba(14,17,34,.9);border:1px solid rgba(140,150,255,.2);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.s3w{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a3170,#1b2150)}
.s3x{font-size:13px;color:#aab2c5;line-height:1.45}
.s3y{position:relative;display:flex;align-items:center;justify-content:center;height:260px}
.s3z{position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed rgba(140,150,255,.35);animation:cn-spin 30s linear infinite}
.s40{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#00b6ff;box-shadow:0 0 14px #00b6ff}
.s41{position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(140,150,255,.18);animation:cn-spin 18s linear infinite reverse}
.s42{position:absolute;bottom:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#ff65a7;box-shadow:0 0 12px #ff65a7}
.s43{position:absolute;width:300px;height:300px;background:repeating-linear-gradient(90deg,rgba(140,150,255,.4) 0 1px,transparent 1px 12px) top/100% 40px no-repeat,repeating-linear-gradient(90deg,rgba(140,150,255,.4) 0 1px,transparent 1px 12px) bottom/100% 40px no-repeat,repeating-linear-gradient(0deg,rgba(140,150,255,.4) 0 1px,transparent 1px 12px) left/40px 100% no-repeat,repeating-linear-gradient(0deg,rgba(140,150,255,.4) 0 1px,transparent 1px 12px) right/40px 100% no-repeat;mask-image:radial-gradient(circle,#000 40%,transparent 72%);-webkit-mask-image:radial-gradient(circle,#000 40%,transparent 72%)}
.s44{position:relative;width:160px;height:160px;border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(145deg,#a0a8ff 0%,#5b5cf6 55%,#4033c9 100%);animation:cn-chip 3.2s ease-in-out infinite}
.s45{position:absolute;inset:6px;border-radius:28px;border:1px solid rgba(255,255,255,.3)}
.s46{font-family:Outfit,sans-serif;font-weight:600;font-size:54px;line-height:1;color:#ffffff;text-shadow:0 2px 14px rgba(10,13,40,.45)}
.s47{position:absolute;top:-16px;right:-16px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.s48{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.95)}
.s49{margin:36px auto 0;max-width:900px}
.s4a{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:26px 28px;border-radius:24px;background:linear-gradient(120deg,rgba(20,25,58,.92),rgba(14,17,34,.92));border:1px solid rgba(140,150,255,.25);box-shadow:0 30px 70px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
.s4b{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:10px}
.s4c{display:flex;align-items:center;gap:12px}
.s4d{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#a0a8ff,#5b5cf6);box-shadow:0 0 24px rgba(91,92,246,.6)}
.s4e{font-family:Outfit,sans-serif;font-weight:600;font-size:24px;animation-delay:.08s}
.s4f{margin:0;color:#c3c8dc;line-height:1.6;font-size:16px;animation-delay:.16s}
.s4g{flex:1 1 280px;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.s4h{animation-delay:0.24s;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.s4i{flex:none;margin-top:2px}
.s4j{animation-delay:0.32s;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.s4k{animation-delay:0.4s;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.s4l{animation-delay:.5s;list-style:none}
.s4m{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:600;color:#a9b4ff;text-decoration:none}
.s4n{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px}
.s4o{width:28px;height:8px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,#00b6ff,#8b8cff,#ff65a7);cursor:pointer;transition:width .3s ease,background .3s ease}
.s4p{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(140,150,255,.3);cursor:pointer;transition:width .3s ease,background .3s ease}
.s4q{text-align:center;margin:0 auto 52px;max-width:760px;display:flex;flex-direction:column;gap:12px;align-items:center}
.s4r{position:relative;overflow:hidden;border-radius:22px;padding:26px;min-height:340px;background:linear-gradient(165deg,#6a6bff,#4a4be0 60%,#3b33c4);box-shadow:0 0 60px rgba(91,92,246,.35);display:flex;flex-direction:column;gap:14px}
.s4s{position:absolute;inset:0;opacity:.7}
.s4t{position:relative;margin:0;font-family:Outfit,sans-serif;font-size:26px;font-weight:500;line-height:1.15}
.s4u{position:relative;margin:0;color:#e2e4ff;line-height:1.55;font-size:15px}
.s4v{position:relative;margin-top:auto;height:110px;display:flex;align-items:flex-end;gap:8px}
.s4w{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}
.s4x{width:100%;height:30%;border-radius:6px;background:rgba(255,255,255,.35);transform-origin:bottom;animation:cn-bar 4s ease 0s infinite}
.s4y{font-family:'JetBrains Mono',monospace;font-size:10px;color:#dcdfff}
.s4z{width:100%;height:42%;border-radius:6px;background:rgba(255,255,255,.35);transform-origin:bottom;animation:cn-bar 4s ease 0.1s infinite}
.s50{width:100%;height:50%;border-radius:6px;background:rgba(255,255,255,.35);transform-origin:bottom;animation:cn-bar 4s ease 0.2s infinite}
.s51{width:100%;height:62%;border-radius:6px;background:rgba(255,255,255,.35);transform-origin:bottom;animation:cn-bar 4s ease 0.30000000000000004s infinite}
.s52{width:100%;height:80%;border-radius:6px;background:linear-gradient(180deg,#ffffff,#c9ccff);transform-origin:bottom;animation:cn-bar 4s ease 0.4s infinite}
.s53{width:100%;height:98%;border-radius:6px;background:linear-gradient(180deg,#ffffff,#c9ccff);transform-origin:bottom;animation:cn-bar 4s ease 0.5s infinite}
.s54{position:relative;overflow:hidden;border-radius:22px;padding:26px;min-height:340px;background:linear-gradient(170deg,#11152e,#0a0c18);border:1px solid rgba(140,150,255,.16);display:flex;flex-wrap:wrap;gap:20px}
.s55{position:absolute;right:-60px;top:-80px;width:420px;height:300px;background:radial-gradient(ellipse,rgba(140,150,255,.45),transparent 70%);filter:blur(20px)}
.s56{position:relative;flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:12px}
.s57{margin:0;font-family:Outfit,sans-serif;font-size:26px;font-weight:500;line-height:1.15}
.s58{margin:0;color:#aab2c5;line-height:1.55;font-size:15px}
.s59{position:relative;flex:1 1 360px;min-width:0;display:flex;align-items:center;justify-content:center;min-height:240px}
.s5a{width:100%;max-width:420px;border-radius:14px;background:#0b0e1a;border:1px solid rgba(255,255,255,.18);box-shadow:-30px 40px 80px rgba(0,0,0,.6),0 0 40px rgba(91,92,246,.25);overflow:hidden}
.s5b{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #1a2036}
.s5c{width:7px;height:7px;border-radius:50%;background:#ff65a7}
.s5d{width:7px;height:7px;border-radius:50%;background:#ffdb58}
.s5e{width:7px;height:7px;border-radius:50%;background:#3ad69a}
.s5f{margin-left:8px;flex:1;padding:3px 10px;border-radius:999px;background:#151a33;font-family:'JetBrains Mono',monospace;font-size:10px;color:#8f98ad}
.s5g{height:70px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);opacity:.9}
.s5h{padding:14px;display:flex;flex-direction:column;gap:8px}
.s5i{height:9px;width:62%;border-radius:4px;background:#2a3150}
.s5j{height:7px;width:88%;border-radius:4px;background:#1d2340}
.s5k{height:7px;width:52%;border-radius:4px;background:#1d2340}
.s5l{align-self:flex-start;margin-top:6px;padding:6px 14px;border-radius:999px;background:#5b5cf6;color:#ffffff;font-size:11px;font-weight:600;animation:cn-pop 3s ease infinite}
.s5m{border-radius:22px;padding:26px;background:linear-gradient(180deg,#0e1122,#0a0c18);border:1px solid rgba(140,150,255,.16);display:flex;flex-direction:column;gap:14px}
.s5n{height:190px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#1b2150,#0b0e1a);display:flex;align-items:center;justify-content:center}
.s5o{width:124px;height:170px;border-radius:22px;background:#05060c;border:1px solid #262c4a;padding:10px 9px;display:flex;flex-direction:column;gap:8px}
.s5p{align-self:center;width:36px;height:5px;border-radius:3px;background:#1d2340}
.s5q{flex:1;border-radius:14px;background:#11152a;padding:10px;display:flex;flex-direction:column;gap:8px}
.s5r{font-family:'JetBrains Mono',monospace;font-size:9px;color:#8f98ad}
.s5s{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.s5t{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0s infinite}
.s5u{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.12s infinite}
.s5v{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.24s infinite}
.s5w{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.36s infinite}
.s5x{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.48s infinite}
.s5y{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.6s infinite}
.s5z{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#00b6ff,#ff65a7);animation:cn-stamp 3.5s ease 0.72s infinite}
.s60{aspect-ratio:1;border-radius:50%;background:#1d2340;animation:none}
.s61{font-size:9px;line-height:1.35;color:#f2f4f8}
.s62{margin:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:500}
.s63{height:190px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#1b2150,#0b0e1a);padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.s64{align-self:flex-end;max-width:82%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#5b5cf6;color:#ffffff;font-size:13px}
.s65{align-self:flex-start;display:flex;gap:4px;padding:9px 12px;border-radius:14px;background:#151a33}
.s66{width:6px;height:6px;border-radius:50%;background:#aab2c5;animation:cn-dot 1.2s infinite}
.s67{width:6px;height:6px;border-radius:50%;background:#aab2c5;animation:cn-dot 1.2s .2s infinite}
.s68{width:6px;height:6px;border-radius:50%;background:#aab2c5;animation:cn-dot 1.2s .4s infinite}
.s69{align-self:flex-start;max-width:86%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#151a33;border:1px solid #262c4a;font-size:13px;animation:cn-pop 4s ease infinite}
.s6a{align-self:flex-start;font-family:'JetBrains Mono',monospace;font-size:11px;color:#3ad69a;animation:cn-pop 4s ease .6s infinite}
.s6b{height:190px;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#1b2150,#0b0e1a);padding:16px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.s6c{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#151a33;border:1px solid #262c4a;font-size:14px;font-weight:600}
.s6d{color:#3ad69a}
.s6e{padding:10px 12px;border-radius:12px;background:#151a33;border:1px solid #262c4a;font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}
.s6f{height:6px;border-radius:3px;background:#262c4a;overflow:hidden}
.s6g{height:100%;width:72%;border-radius:3px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);animation:cn-fill 4s ease infinite}
.s6h{border-radius:22px;padding:26px;background:linear-gradient(100deg,#0e1122,#141a3e);border:1px solid rgba(140,150,255,.16);display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.s6i{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:12px}
.s6j{margin:0;font-family:Outfit,sans-serif;font-size:26px;font-weight:500}
.s6k{flex:2 1 460px;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s6l{display:flex;flex-direction:column;gap:8px}
.s6m{font-family:'JetBrains Mono',monospace;font-size:11px;color:#8f98ad}
.s6n{padding:10px;border-radius:10px;background:#151a33;border:1px solid #262c4a;font-size:13px;font-weight:600}
.s6o{padding:10px;border-radius:10px;background:#5b5cf6;font-size:13px;font-weight:600;animation:cn-pop 3.5s ease infinite}
.s6p{padding:10px;border-radius:10px;background:#ffdb58;color:#0a0d13;font-size:13px;font-weight:700;animation:cn-pop 3.5s ease .5s infinite}
.s6q{position:absolute;left:50%;top:60%;width:900px;height:420px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(91,92,246,.28),transparent 70%);filter:blur(30px)}
.s6r{text-align:center;margin:0 auto 64px;max-width:760px;display:flex;flex-direction:column;gap:12px;align-items:center}
.s6s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.s6t{--sx:120%;--sy:50px;--sr:-12deg;padding:24px;border-radius:22px;background:linear-gradient(165deg,#6a6bff,#4a4be0);border:1px solid rgba(160,170,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.s6u{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#a0a8ff,#5b5cf6);box-shadow:0 8px 24px rgba(91,92,246,.6),inset 0 1px 0 rgba(255,255,255,.5);font-family:Outfit,sans-serif;font-weight:700;font-size:20px;color:#ffffff}
.s6v{align-self:flex-start;padding:4px 10px;border-radius:999px;background:rgba(255,219,88,.14);color:#ffdb58;font-family:'JetBrains Mono',monospace;font-size:12px}
.s6w{font-family:Outfit,sans-serif;font-size:20px;font-weight:600}
.s6x{color:#c3c8dc;line-height:1.55;font-size:15px}
.s6y{--sx:40%;--sy:-40px;--sr:8deg;padding:24px;border-radius:22px;background:linear-gradient(165deg,#1b2150,#11152e);border:1px solid rgba(160,170,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.s6z{--sx:-40%;--sy:40px;--sr:-7deg;padding:24px;border-radius:22px;background:linear-gradient(165deg,#1b2150,#11152e);border:1px solid rgba(160,170,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.s70{--sx:-120%;--sy:-30px;--sr:11deg;padding:24px;border-radius:22px;background:linear-gradient(165deg,#1b2150,#11152e);border:1px solid rgba(160,170,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.s71{max-width:760px;margin-bottom:52px;display:flex;flex-direction:column;gap:12px}
.s72{background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s73{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.s74{margin:0;flex:1 1 440px;min-width:0;background:linear-gradient(180deg,#0e1122,#0a0c18);border:1px solid rgba(140,150,255,.16);border-radius:26px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:22px}
.s75{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.s76{font-family:Outfit,sans-serif;font-weight:600;font-size:18px}
.s77{font-family:'JetBrains Mono',monospace;font-size:11px;color:#aab2c5;padding:5px 10px;border-radius:999px;background:#151a33}
.s78{width:100%;height:auto}
.s79{animation:cn-draw 5s ease infinite}
.s7a{animation:cn-pulse 1.8s ease-out infinite}
.s7b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s7c{padding:14px;border-radius:16px;background:#11152a;border:1px solid #1a2036}
.s7d{font-family:Outfit,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:600}
.s7e{font-size:13px;color:#aab2c5}
.s7f{color:#ffdb58;font-size:.7em}
.s7g{list-style:none;margin:0;padding:0;flex:1 1 420px;min-width:0;display:flex;flex-direction:column}
.s7h{border-radius:14px;display:flex;gap:20px;padding:22px 12px;border-bottom:1px solid rgba(140,150,255,.14)}
.s7i{font-family:'JetBrains Mono',monospace;font-size:13px;color:#8b8cff;padding-top:5px}
.s7j{display:flex;flex-direction:column;gap:6px}
.s7k{font-family:Outfit,sans-serif;font-size:21px;font-weight:600}
.s7l{color:#aab2c5;line-height:1.6}
.s7m{text-align:center;margin:0 auto 48px;max-width:760px;display:flex;flex-direction:column;gap:12px;align-items:center}
.s7n{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}
.s7o{position:relative;display:block;height:clamp(340px,34vw,420px);border-radius:24px;overflow:hidden;text-decoration:none;color:#f2f4f8;background:#0b0e1a;border:1px solid rgba(140,150,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.s7p{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,12,.15) 0%,rgba(5,6,12,0) 35%,rgba(5,6,12,.55) 62%,rgba(5,6,12,.96) 100%),linear-gradient(135deg,rgba(91,92,246,.22),transparent 55%)}
.s7q{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(5,6,12,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);font-size:12px;font-weight:600}
.s7r{width:7px;height:7px;border-radius:50%;background:#3ad69a;box-shadow:0 0 8px #3ad69a}
.s7s{position:absolute;inset:auto 0 0 0;padding:22px;display:flex;flex-direction:column;gap:6px}
.s7t{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;line-height:1.15}
.s7u{font-size:14px;color:#d4d8e8}
.s7v{margin-top:8px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;background:#ffffff;color:#2a2bb0;font-size:13px;font-weight:700}
.s7w{margin:0;color:#aab2c5;font-size:17px}
.s7x{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;align-items:stretch}
.s7y{position:relative;display:flex;flex-direction:column;gap:20px;padding:30px 26px;border-radius:24px;background:linear-gradient(180deg,#0e1122,#0a0c18);border:1px solid rgba(140,150,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.s7z{font-family:Outfit,sans-serif;font-size:22px;font-weight:600}
.s80{display:flex;align-items:baseline;gap:6px}
.s81{font-family:Outfit,sans-serif;font-size:50px;font-weight:600;letter-spacing:-.03em}
.s82{color:#aab2c5}
.s83{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;flex:1}
.s84{display:flex;gap:10px;line-height:1.5}
.s85{flex:none;margin-top:3px}
.s86{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:transparent;color:#f2f4f8;font-weight:600;text-decoration:none;border:1px solid rgba(140,150,255,.4)}
.s87{position:relative;display:flex;flex-direction:column;gap:20px;padding:30px 26px;border-radius:24px;background:linear-gradient(170deg,#6a6bff,#4a4be0 60%,#3b33c4);border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 80px rgba(91,92,246,.45)}
.s88{position:absolute;top:-13px;left:26px;padding:5px 13px;border-radius:999px;background:#ffdb58;color:#0a0d13;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600}
.s89{color:#dcdfff}
.s8a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:#ffffff;color:#2a2bb0;font-weight:600;text-decoration:none;border:0}
.s8b{margin-top:18px;padding:28px 26px;border-radius:24px;background:linear-gradient(100deg,#0e1122,#141a3e);border:1px solid rgba(140,150,255,.16);display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
.s8c{display:flex;flex-wrap:wrap;gap:8px}
.s8d{padding:7px 13px;border-radius:999px;background:#151a33;border:1px solid #262c4a;font-size:14px}
.s8e{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:999px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);color:#ffffff;font-weight:600;text-decoration:none}
.s8f{margin:18px 0 0;font-size:14px;color:#8f98ad;text-align:center}
.s8g{position:relative;padding:clamp(72px,9vw,120px) 20px}
.s8h{max-width:860px;margin:0 auto}
.s8i{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;gap:12px;align-items:center}
.s8j{display:flex;flex-direction:column;gap:12px}
.s8k{border-radius:18px;border:1px solid rgba(140,150,255,.4);background:linear-gradient(180deg,#0e1122,#0a0c18);overflow:hidden}
.s8l{width:100%;min-height:64px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:Outfit,sans-serif;font-size:18px;font-weight:500;color:#f2f4f8}
.s8m{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#151a33;border:1px solid #262c4a;font-size:20px;color:#a9b4ff}
.s8n{margin:0;padding:0 22px 22px;color:#aab2c5;line-height:1.7}
.s8o{border-radius:18px;border:1px solid rgba(140,150,255,.14);background:linear-gradient(180deg,#0e1122,#0a0c18);overflow:hidden}
.s8p{position:relative;padding:clamp(80px,10vw,140px) 20px 60px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 45%,#161c48 0%,#05060c 70%)}
.s8q{position:relative;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.s8r{font-family:Outfit,sans-serif;font-weight:600;font-size:18px;color:#c3c8ff}
.s8s{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(36px,5vw,62px);line-height:1.06;letter-spacing:-.025em}
.s8t{margin:0;max-width:600px;color:#aab2c5;font-size:17px;line-height:1.6}
.s8u{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:250px}
.s8v{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:56px;padding:0 32px;border-radius:999px;background:linear-gradient(180deg,#8d8dff,#5b5cf6);color:#ffffff;font-weight:600;font-size:17px;text-decoration:none;animation:cn-glow 3s ease-in-out infinite}
.s8w{position:absolute;left:50%;top:30px;width:420px;height:320px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(170,180,255,.6) 30%,rgba(91,92,246,.25) 70%,transparent 100%);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);filter:blur(18px);mix-blend-mode:screen;animation:cn-spot 5s ease-in-out infinite}
.s8x{position:absolute;left:50%;top:30px;width:200px;height:300px;transform:translateX(-50%);background:linear-gradient(180deg,#ffffff,rgba(200,210,255,.5) 40%,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(6px);mix-blend-mode:screen}
.s8y{position:relative;max-width:1180px;margin:-90px auto 0;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.s8z{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;font-size:16px}
.s90{display:flex;align-items:center;gap:12px;color:#f2f4f8;text-decoration:none;min-height:44px}
.s91{width:44px;height:44px;border-radius:12px;background:#11152a;border:1px solid #262c4a;display:flex;align-items:center;justify-content:center}
.s92{display:flex;align-items:center;gap:12px;min-height:44px}
.s93{flex:2 1 520px;min-width:0;padding:clamp(22px,3vw,34px);border-radius:26px;background:rgba(14,17,34,.88);border:1px solid rgba(140,150,255,.22);backdrop-filter:blur(10px);box-shadow:0 40px 90px rgba(0,0,0,.55)}
.s94{margin-bottom:18px;padding:12px 16px;border-radius:14px;background:linear-gradient(100deg,rgba(0,182,255,.15),rgba(112,82,241,.2),rgba(255,101,167,.15));border:1px solid rgba(140,150,255,.35);font-size:15px;text-align:left}
.s95{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;text-align:left}
.s96{display:none}
.s97{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#aab2c5}
.s98{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid #262c4a;background:#070912;color:#f2f4f8;font:inherit;font-size:16px}
.s99{min-height:48px;padding:0 12px;border-radius:12px;border:1px solid #262c4a;background:#070912;color:#f2f4f8;font:inherit;font-size:16px}
.s9a{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#aab2c5}
.s9b{padding:12px 14px;border-radius:12px;border:1px solid #262c4a;background:#070912;color:#f2f4f8;font:inherit;font-size:16px;resize:vertical}
.s9c{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#aab2c5;line-height:1.5}
.s9d{width:20px;height:20px;margin-top:1px;accent-color:#5b5cf6;flex:none}
.s9e{grid-column:1 / -1;min-height:56px;border:0;border-radius:999px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);color:#ffffff;font:inherit;font-size:17px;font-weight:600;cursor:pointer}
.s9f{position:relative;background:#05060c;color:#aab2c5;padding:40px 20px 32px}
.s9g{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.s9h{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:30px;padding-top:32px;border-top:1px solid rgba(140,150,255,.14)}
.s9i{display:flex;flex-direction:column;gap:14px}
.s9j{display:flex;align-items:center;gap:10px}
.s9k{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#f2f4f8}
.s9l{line-height:1.6;font-size:14px}
.s9m{display:flex;flex-direction:column;gap:9px;font-size:14px}
.s9n{font-family:'JetBrains Mono',monospace;font-size:11px;color:#f2f4f8;text-transform:uppercase;letter-spacing:.1em}
.s9o{display:flex;gap:10px;margin-top:4px}
.s9p{width:44px;height:44px;border-radius:12px;background:#11152a;border:1px solid #262c4a;display:flex;align-items:center;justify-content:center;color:#f2f4f8}
.s9q{border-top:1px solid rgba(140,150,255,.14);padding-top:16px}
.s9r{font-family:'JetBrains Mono',monospace;font-size:13px;color:#f2f4f8;min-height:44px;display:flex;align-items:center}
.s9s{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;font-size:14px;line-height:1.7;padding-top:10px}
.s9t{margin:0}
.s9u{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;padding:14px 18px;border-radius:999px;background:rgba(14,17,32,.7);border:1px solid rgba(140,150,255,.14)}

/* Ajouts pour le site statique */
[hidden]{display:none !important}

/* Page merci.html */
.merci{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#161c48 0%,#05060c 70%)}
.merci-in{position:relative;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:22px}
.merci-tag{padding:6px 14px;border-radius:999px;border:1px solid rgba(140,150,255,.25);background:rgba(18,22,42,.7);font-size:13px;color:#c3c8ff}
.merci h1{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.025em}
.merci-grad{background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.merci p{margin:0;color:#aab2c5;font-size:17px;line-height:1.6}
.merci p a{color:#f2f4f8}
.merci-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;border-radius:999px;background:linear-gradient(100deg,#00b6ff 0%,#7052f1 50%,#ff65a7 100%);color:#ffffff !important;font-weight:600;text-decoration:none}
.merci-stars{position:absolute;inset:0}

/* ===== Ajustements téléphone / tablette ===== */
/* Zones tactiles confortables */
#burger{flex:none}
header a[aria-label^="Comptoir"]{min-height:44px}
.cn-nav a{padding:12px 2px}
#hubpanel a[href="#formulaire"]{min-height:44px}
[data-hubdot]{box-sizing:content-box;padding:12px 8px;background-clip:content-box !important}
/* Hub : boutons empilés, le bouton actif ne se décale plus sur le côté */
@media (max-width:860px){[data-hub]{translate:0 0 !important;scale:1 !important}}
/* Expertises : 2 colonnes sur tablette portrait */
@media (min-width:600px) and (max-width:860px){
  .cn-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
  .cn-span2,.cn-span3{grid-column:span 2}
}
/* Étiquettes « Votre problème » : jamais coupées au bord sur petit écran */
@media (max-width:700px){
  .cn-tag:nth-child(1){left:4% !important}.cn-tag:nth-child(1) > span:first-child{height:30px !important}
  .cn-tag:nth-child(2){left:52% !important}.cn-tag:nth-child(2) > span:first-child{height:60px !important}
  .cn-tag:nth-child(3){left:4% !important}.cn-tag:nth-child(3) > span:first-child{height:100px !important}
  .cn-tag:nth-child(4){left:8% !important}.cn-tag:nth-child(4) > span:first-child{height:205px !important}
  .cn-tag:nth-child(5){left:46% !important}.cn-tag:nth-child(5) > span:first-child{height:245px !important}
  .cn-tag:nth-child(6){left:52% !important}.cn-tag:nth-child(6) > span:first-child{height:150px !important}
}
/* Contact : le faisceau ne passe plus sous les coordonnées */
@media (max-width:860px){
  #contact div:has(> .cn-mag){padding-bottom:150px !important}
  #formulaire{margin-top:0 !important}
  #contact div:has(> .cn-mag) > div{height:170px !important}
}

/* Nouveaux outils du bandeau */
.tool-n8n{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff6d5a,#ea4b71);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35);font-size:13px}
.tool-zapier{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff7a33,#ff4f00);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.tool-airtable{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fcb400,#18bfff);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.tool-brevo{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0b996e,#006a4e);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.tool-calendly{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a8bff,#006bff);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.tool-gemini{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#4f8cff,#9168e8 60%,#d96570);font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:#ffffff;box-shadow:0 6px 16px rgba(0,0,0,.35)}