.c2-hero{display:block;min-height:0;padding:6.5rem 0 1rem}
.c2-stage{height:clamp(18rem,40vw,30rem);width:100%}
.c2-stage .word{position:absolute;left:50%;top:4%;margin:0;transform:translate3d(-50%,0,-240px);font:800 clamp(2.6rem,12vw,11rem)/1 Unbounded,sans-serif;letter-spacing:-.045em;white-space:nowrap;background:linear-gradient(180deg,var(--blue) 15%,var(--cyan) 80%,transparent 110%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordIn 1.5s var(--ease) both}
.word .em{-webkit-text-fill-color:initial;font-size:.8em}
.bub{aspect-ratio:5/3;border-radius:2rem 2rem 2rem .6rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 30px 50px -20px #000b,0 0 50px -15px var(--blue);animation:float 6s ease-in-out infinite}
.bub.b2{border-radius:2rem 2rem .6rem 2rem;background:linear-gradient(135deg,var(--btn1),var(--btn2));animation-delay:-2s}
.bub.b3{background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);backdrop-filter:blur(8px);animation-delay:-4s}
.bub i{width:.8rem;height:.8rem;border-radius:50%;background:#fff;animation:dot 1.2s infinite}
.bub.b2 i{background:#02070a}.bub.b3 i{background:var(--text)}
.bub i:nth-child(2){animation-delay:.2s}.bub i:nth-child(3){animation-delay:.4s}
@keyframes dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-.35rem)}}
.tx{display:none}
html[lang=en] .tx[lang=en],html[lang=fr] .tx[lang=fr],html[lang=ar] .tx[lang=ar]{display:block}
.tx:lang(ar){line-height:1.95}
.c-text{max-width:56rem;margin:auto;padding:clamp(2rem,6vw,4rem) clamp(1.2rem,5vw,3rem) 1rem}
.c-text h2{font:800 clamp(1.8rem,4.6vw,3rem)/1.1 Unbounded,sans-serif;letter-spacing:-.03em;margin-bottom:1.4rem}
.c-text p{color:var(--mute);font-size:1.15rem;margin-bottom:1.1rem}
.hl{color:var(--text);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--blue) 45%,transparent) 0);padding:0 .1em}
.c-text .end{color:var(--text);font:800 1.25rem Manrope,Cairo,sans-serif;margin-top:1.6rem}
.reach{max-width:60rem;margin:auto;padding:2rem clamp(1.2rem,5vw,3rem) 5rem;text-align:center}
.reach h3{font:800 1.3rem Manrope,Cairo,sans-serif}
.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;perspective:1400px;margin-top:2rem}
.ctile{--ac:#4c8dff;position:relative;width:min(100%,15.5rem);padding:1.7rem 1rem;border-radius:22px;text-decoration:none;display:grid;justify-items:center;gap:1rem;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 22%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--ac) 45%,var(--line));transform-style:preserve-3d;transform:rotateX(calc(var(--my,0)*-14deg)) rotateY(calc(var(--mx,0)*16deg));transition:transform .2s ease-out,box-shadow .3s;box-shadow:0 30px 50px -28px var(--ac)}
.ctile:hover{box-shadow:0 40px 60px -24px var(--ac)}
.ctile::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx,25%) var(--gy,10%),#ffffff40,transparent 55%);pointer-events:none}
.ic{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:var(--ac);transform:translateZ(46px);box-shadow:0 14px 24px -8px var(--ac)}
.ic svg{width:1.8rem;height:1.8rem;fill:none;stroke:#02070a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ctile .lb{font-weight:800;color:var(--text);transform:translateZ(28px)}
.js .ctile{opacity:0}
.js .in .ctile{opacity:1;animation:lift2 .9s var(--ease) backwards;animation-delay:calc(var(--i,0)*.09s)}
@keyframes lift2{from{opacity:0;transform:translateY(60px) rotateX(55deg)}}
@media(prefers-reduced-motion:reduce){.js .ctile{opacity:1}}