*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Helvetica Neue',Arial,sans-serif;color:#1a1a1a;background:#fff;overflow-x:hidden}
#logo-splash{position:fixed;inset:0;background:#0a0612;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center}
.splash-logo{opacity:0;transform:scale(0.6);animation:splashIn .9s cubic-bezier(.34,1.56,.64,1) .3s forwards}
.splash-logo img{height:150px;filter:drop-shadow(0 0 60px rgba(249,199,79,.7))}
.splash-tagline{font-size:18px;color:rgba(255,255,255,0);letter-spacing:4px;text-transform:uppercase;font-weight:300;margin-top:24px;animation:tagFade .7s ease 1.1s forwards}
.splash-bar{width:0;height:2px;background:linear-gradient(90deg,#f9c74f,#ec4899);border-radius:2px;margin-top:24px;animation:barGrow .8s ease 1.4s forwards}
.splash-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sp{position:absolute;border-radius:50%;animation:spFloat linear infinite}
@keyframes splashIn{to{opacity:1;transform:scale(1)}}
@keyframes tagFade{to{color:rgba(255,255,255,.4)}}
@keyframes barGrow{to{width:120px}}
@keyframes spFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.2}100%{transform:translateY(-20px) scale(1);opacity:0}}
@keyframes splashOut{to{opacity:0;pointer-events:none;visibility:hidden}}
.splash-out{animation:splashOut .6s ease forwards!important}
#intro{position:fixed;inset:0;background:#0a0612;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease}
#intro.visible{opacity:1;visibility:visible;pointer-events:auto}

.intro-logo{margin-bottom:20px}
.intro-logo img{height:56px}
.intro-card{width:100%;max-width:480px;border-radius:26px;overflow:hidden;position:relative;aspect-ratio:9/13;box-shadow:0 32px 96px rgba(236,72,153,.35)}
.intro-card video{width:100%;height:100%;object-fit:cover;object-position:center top}
.intro-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,6,18,.9) 0%,rgba(10,6,18,.02) 55%,transparent 100%);pointer-events:none}
.intro-txt{position:absolute;bottom:0;left:0;right:0;padding:28px 26px;pointer-events:none}
.intro-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:7px}
.intro-desc{font-size:17px;color:#ccc;line-height:1.65;margin-bottom:14px}
.intro-ll{display:flex;gap:6px}
.il{background:rgba(249,199,79,.18);border:1px solid rgba(249,199,79,.35);border-radius:20px;padding:4px 12px;font-size:15px;color:#f9c74f;font-weight:600}
.intro-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px;width:100%;max-width:480px}
.intro-prog{width:100%;height:3px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}
.intro-bar{height:100%;background:linear-gradient(90deg,#f9c74f,#ec4899);width:0%;transition:width .08s linear;border-radius:3px}
.intro-skip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 36px;border-radius:30px;font-size:17px;cursor:pointer;font-weight:500;transition:background .2s}
.intro-skip:hover{background:rgba(255,255,255,.16)}
.intro-sound{display:none;background:rgba(249,199,79,.14);border:1px solid rgba(249,199,79,.4);color:#f9c74f;padding:10px 18px;border-radius:22px;font-size:14px;cursor:pointer;font-weight:600;transition:background .2s,border-color .2s}
.intro-sound:hover{background:rgba(249,199,79,.24);border-color:rgba(249,199,79,.62)}
.intro-sound.visible{display:inline-flex;align-items:center;justify-content:center}
.intro-cd{font-size:14px;color:#555}
.top-slogan{width:100%;text-align:center;margin-top:32px;padding:18px 18px 10px;display:flex;flex-direction:column;align-items:center}
.top-slogan-title{display:block;font-size:46px;font-weight:400;line-height:1.08;letter-spacing:-.8px;color:#111;text-shadow:0 2px 0 rgba(0,0,0,.08);clip-path:inset(0 100% 0 0);animation:sloganRevealLR 1.7s cubic-bezier(.2,.8,.2,1) .1s both}
.top-slogan-title .grad{display:inline-block;filter:drop-shadow(0 0 8px rgba(236,72,153,.25))}
.top-slogan-sub{display:block;margin-top:10px;font-size:19px;font-weight:600;line-height:1.35;color:#111;clip-path:inset(0 100% 0 0);animation:sloganWriteLR 2.4s steps(52,end) 1.35s both}
.top-slogan-sub2{display:block;margin-top:6px;font-size:15px;font-weight:500;line-height:1.3;color:#444;letter-spacing:.2px;clip-path:inset(0 100% 0 0);animation:sloganWriteLR 2.1s steps(44,end) 3.95s both}
@keyframes sloganRevealLR{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sloganWriteLR{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion: reduce){.top-slogan-title,.top-slogan-sub,.top-slogan-sub2{animation:none;clip-path:none}}
nav{display:flex;align-items:center;justify-content:space-between;padding:15px 48px;border-bottom:1px solid #233153;position:sticky;top:0;background:rgba(15,23,48,.96);backdrop-filter:blur(12px);z-index:100}
.nav-logo img{height:42px}
.nav-links{display:flex;gap:22px}
.nav-links a{font-size:17px;color:#d3daea;text-decoration:none;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-r{display:flex;align-items:center;gap:8px}
.lang-wrap{display:flex;gap:3px;background:#f5f5f5;border-radius:20px;padding:3px}
.lbtn{border:none;border-radius:16px;padding:5px 11px;font-size:13px;font-weight:700;cursor:pointer;color:#888;background:none;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center}
.lbtn.active{background:#fff;color:#ec4899;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.lbtn:hover{color:#ec4899}
.btn-az{background:#0078d4;color:#fff;border:none;padding:9px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap;transition:background .2s}
.btn-az:hover{background:#006cbd}
.btn-cta{background:linear-gradient(90deg,#f9c74f,#ec4899);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(236,72,153,.22)}
.btn-cta.btn-cta-recruiter{background:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.34)}
.btn-cta.btn-cta-candidate{background:#f472b6;box-shadow:0 4px 14px rgba(244,114,182,.32)}
.nav-login-menu{position:relative;display:flex;align-items:center}
.nav-login-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #f0f0f0;border-radius:12px;min-width:160px;box-shadow:0 8px 32px rgba(236,72,153,.15);display:none;flex-direction:column;z-index:101;margin-top:8px;overflow:hidden;animation:dropIn .2s ease}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.nav-login-dropdown a{padding:14px 18px;color:#555;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;position:relative;display:flex;align-items:center;gap:8px}
.nav-login-dropdown a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f9c74f,#ec4899);opacity:0;transition:opacity .2s}
.nav-login-dropdown a:hover{background:#f9f9f9;color:#ec4899;padding-left:20px}
.nav-login-dropdown a:hover:before{opacity:1}
.hero{display:flex;align-items:center;min-height:88vh;padding:56px 48px;gap:48px;max-width:1200px;margin:0 auto}
.hero-l{flex:1}
.badge{display:inline-flex;align-items:center;gap:7px;background:#fff8f0;border:1px solid #fdd6a0;border-radius:30px;padding:6px 16px;font-size:14px;color:#d97706;margin-bottom:22px;font-weight:500}
.hero h1{font-size:48px;font-weight:700;line-height:1.12;margin-bottom:18px;color:#0f0f0f;letter-spacing:-1px}
.grad{background:linear-gradient(90deg,#f9c74f,#f97316,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:18px;color:#555;line-height:1.75;margin-bottom:30px;max-width:480px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;align-items:center}
.btn-p{background:linear-gradient(90deg,#f9c74f,#ec4899);color:#fff;border:none;padding:14px 26px;border-radius:9px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(236,72,153,.22)}
.btn-o{background:transparent;color:#1a1a1a;border:1.5px solid #d8d8d8;padding:14px 26px;border-radius:9px;font-size:16px;cursor:pointer;font-weight:500}
/* BOUTONS SANS ACTION — masqués temporairement. Retirer display:none pour réactiver. */
.btn-o,.btn-ghost{display:none}
.trust{display:flex;flex-wrap:wrap;gap:7px}
.tc{background:#f8f8f8;border:1px solid #eee;border-radius:20px;padding:4px 12px;font-size:14px;color:#666;font-weight:500}
.hero-r{flex:0 0 420px}
.rose-frame{border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(160deg,#1a0a2e,#0f0712);aspect-ratio:9/11;box-shadow:0 28px 64px rgba(168,85,247,.16)}
.rose-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}
.rose-live{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08)}
.rdot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
.rose-live p:first-child{font-size:14px;font-weight:600;color:#fff}
.rose-live p:last-child{font-size:13px;color:#aaa}
.rose-bot{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);padding:26px 15px 15px}
.rose-bot p:first-child{font-size:15px;font-weight:600;color:#fff;margin-bottom:3px}
.rose-bot p:last-child{font-size:13px;color:#bbb}
.rl{display:flex;gap:5px;margin-top:7px}
.rlc{background:rgba(249,199,79,.15);border:1px solid rgba(249,199,79,.3);border-radius:20px;padding:2px 8px;font-size:10px;color:#f9c74f;font-weight:500}
.stats{display:flex;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fafafa}
.stat{text-align:center;padding:34px 36px;border-right:1px solid #ececec;flex:1}
.stat:last-child{border-right:none}
.snum{font-size:42px;font-weight:700;background:linear-gradient(90deg,#f9c74f,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.slbl{font-size:14px;color:#999;margin-top:5px;line-height:1.4}
.slogan-band{max-width:1200px;margin:0 auto;padding:0 48px 24px}
.slogan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.slogan-card{background:#fff8f0;border:1px solid #fdd6a0;border-radius:12px;padding:14px 16px}
.slogan-card p{font-size:14px;color:#7c2d12;font-weight:600;line-height:1.5}
.sec{padding:72px 48px;max-width:1200px;margin:0 auto}
.stag{font-size:13px;font-weight:800;color:#ec4899;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.stit{font-size:32px;font-weight:700;margin-bottom:12px;color:#0f0f0f;line-height:1.2}
.ssub{font-size:17px;color:#777;margin-bottom:40px;max-width:520px;line-height:1.7}
.ai-bg{background:linear-gradient(135deg,#0a0612,#130a24);padding:72px 48px}
.ai-in{max-width:1200px;margin:0 auto;display:flex;gap:52px;align-items:flex-start}
.ai-l{flex:1}
.ai-stag{font-size:13px;font-weight:700;color:#f9c74f;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.ai-tit{font-size:32px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:14px}
.ai-desc{font-size:16px;color:#aaa;line-height:1.8;margin-bottom:26px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pill{background:#16102a;border:1px solid #251840;border-radius:11px;padding:16px;transition:border-color .2s}
.pill:hover{border-color:rgba(249,199,79,.3)}
.pill-ico{font-size:20px;margin-bottom:8px}
.pill h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.pill p{font-size:14px;color:#888;line-height:1.55}
.ai-r{flex:0 0 330px}
.vs{background:#16102a;border:1px solid #251840;border-radius:16px;padding:24px}
.vs-tit{font-size:13px;color:#666;text-align:center;margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.vs-lbl{font-size:13px;font-weight:700;margin-bottom:8px}
.vs-lbl.obo{color:#f9c74f}
.vs-lbl.mkt{color:#444;margin-top:14px}
.vr{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.vr-k{flex:0 0 95px;font-size:13px;color:#777;text-align:right}
.vr-t{flex:1;height:6px;background:#0d0920;border-radius:3px;overflow:hidden}
.vr-f{height:100%;border-radius:3px}
.vr-f.obo{background:linear-gradient(90deg,#f9c74f,#ec4899)}
.vr-f.mkt{background:#2e2545}
.vs-ft{margin-top:14px;background:rgba(249,199,79,.06);border:1px solid rgba(249,199,79,.16);border-radius:9px;padding:10px 13px;text-align:center}
.vs-ft p:first-child{font-size:14px;font-weight:600;color:#f9c74f;margin-bottom:2px}
.vs-ft p:last-child{font-size:13px;color:#777}
.az-wrap{padding:0 48px;max-width:1200px;margin:36px auto 0}
.az-banner{background:linear-gradient(135deg,#0078d4,#005a9e);border-radius:16px;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.az-l{display:flex;align-items:center;gap:16px}
.az-ico{width:44px;height:44px;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.az-banner h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:3px}
.az-banner p{font-size:15px;color:rgba(255,255,255,.7);line-height:1.5}
.az-btn{background:#fff;color:#0078d4;border:none;padding:12px 22px;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .2s;white-space:nowrap}
.az-btn:hover{background:#f0f8ff;transform:translateY(-1px)}
.rose-sec{display:flex;align-items:center;gap:56px;padding:72px 48px;max-width:1200px;margin:0 auto}
.rose-vc{flex:0 0 340px}
.rose-vb{border-radius:20px;overflow:hidden;background:#1a0a2e;aspect-ratio:9/13;position:relative;cursor:pointer;box-shadow:0 18px 52px rgba(168,85,247,.14)}
.rose-vb img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s;display:block}
.rose-vb:hover img{transform:scale(1.03)}
.play-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#f9c74f,#ec4899);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(236,72,153,.4);transition:transform .2s;z-index:2}
.play-ring:hover{transform:translate(-50%,-50%) scale(1.1)}
.play-ring svg{margin-left:4px}
.rose-vl{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);padding:24px 15px 13px;pointer-events:none}
.rose-vl p:first-child{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.rose-vl p:last-child{font-size:13px;color:#bbb}
.rose-tx{flex:1}
.rose-tx h2{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:14px;color:#0f0f0f}
.rose-tx p{font-size:16px;color:#666;line-height:1.8;margin-bottom:11px}
.rspecs{display:flex;flex-direction:column;gap:11px;margin-top:22px}
.rsp{display:flex;align-items:flex-start;gap:11px}
.rsp-ico{width:34px;height:34px;border-radius:9px;background:#fff8f0;border:1px solid #fdd6a0;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.rsp-tx h4{font-size:15px;font-weight:700;color:#0f0f0f;margin-bottom:2px}
.rsp-tx p{font-size:14px;color:#888;line-height:1.5}
.rsp-center{align-items:center}
.rsp-center .rsp-tx h4{margin:0}
.how-g{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.sc{background:#fafafa;border-radius:13px;padding:22px 17px;border:1px solid #f0f0f0;transition:box-shadow .2s}
.sc:hover{box-shadow:0 6px 20px rgba(236,72,153,.08)}
.snb{display:inline-block;font-size:13px;font-weight:700;color:#ec4899;border:1px solid #fdd6a0;border-radius:20px;padding:3px 9px;margin-bottom:10px;background:#fff8f0}
.sico{font-size:24px;margin-bottom:9px}
.sc h3{font-size:15px;font-weight:700;margin-bottom:5px;color:#0f0f0f}
.sc p{font-size:14px;color:#888;line-height:1.6}
.feat-g{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.fc{background:#fff;border:1px solid #eee;border-radius:13px;padding:22px;transition:border-color .2s,box-shadow .2s}
.fc:hover{border-color:#fdd6a0;box-shadow:0 6px 20px rgba(249,199,79,.08)}
.fci{width:38px;height:38px;border-radius:9px;background:#fff8f0;border:1px solid #fdd6a0;display:flex;align-items:center;justify-content:center;margin-bottom:13px;font-size:18px}
.fc h3{font-size:15px;font-weight:700;margin-bottom:6px;color:#0f0f0f}
.fc p{font-size:14px;color:#888;line-height:1.6}
.sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.schip{background:#f8f8f8;border:1px solid #eee;border-radius:20px;padding:6px 13px;font-size:14px;color:#666}
.testi{background:#fafafa;border-left:3px solid #ec4899;border-radius:10px;padding:24px;margin-top:30px}
.testi blockquote{font-size:16px;line-height:1.75;color:#333;font-style:italic;margin-bottom:13px}
.testi-auth{display:flex;align-items:center;gap:10px}
.testi{display:none}
.tav{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f9c74f,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.tinfo p:first-child{font-size:15px;font-weight:600;color:#0f0f0f}
.tinfo p:last-child{font-size:13px;color:#aaa}
.av-bg{background:#0a0612;padding:72px 48px}
.av-in{max-width:1200px;margin:0 auto}
.av-stag{font-size:13px;font-weight:700;color:#f9c74f;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.av-tit{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}
.av-sub{font-size:16px;color:#888;margin-bottom:40px;max-width:none;line-height:1.7;white-space:nowrap}
.av-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.avc{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:3/4;cursor:pointer;transition:transform .22s;background:#16102a}
.avc:hover{transform:translateY(-5px)}
.avc img{width:100%;height:100%;object-fit:cover;object-position:center top}
.av-ov{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(10,6,18,.95),transparent);padding:18px 12px 12px}
.av-nm{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.av-rl{font-size:13px;color:#d8b4fe;margin-bottom:6px}
.av-ll{display:flex;gap:5px}
.alc{background:rgba(249,199,79,.13);border:1px solid rgba(249,199,79,.28);border-radius:20px;padding:2px 7px;font-size:12px;color:#f9c74f}
.press-bg{background:#f9f9f9;padding:72px 48px;border-top:1px solid #f0f0f0}
.press-in{max-width:1200px;margin:0 auto}
#press .stit .press-word-gradient{
  background:linear-gradient(90deg,#ff8a00 0%,#ff4d8d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.press-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.pcard{background:#fff;border:1px solid #eee;border-radius:13px;padding:22px;transition:box-shadow .2s,border-color .2s;cursor:pointer}
.pcard:hover{box-shadow:0 6px 24px rgba(0,0,0,.06);border-color:#fdd6a0}
.psrc{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.plogo{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#f9c74f,#ec4899);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
.pname{font-size:15px;font-weight:600;color:#666}
.pdate{font-size:13px;color:#bbb;margin-left:auto}
.pcard h3{font-size:15px;font-weight:700;color:#0f0f0f;margin-bottom:7px;line-height:1.4}
.pcard p{font-size:14px;color:#888;line-height:1.55}
.plink{display:inline-flex;align-items:baseline;gap:6px;font-size:15px;color:#ef476f;font-weight:800;letter-spacing:.2px;margin-top:10px;text-decoration:none}
.plink i{font-size:.95em;font-weight:900}
.partners-g{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.pchip{background:#fff;border:1px solid #eee;border-radius:9px;padding:10px 16px;font-size:15px;font-weight:600;color:#555;display:flex;align-items:center;gap:6px}
.pchip.feat{border-color:#fdd6a0;background:#fff8f0}
.pchip.pink{border-color:#f6b0cf;background:#fff2f8;color:#b4236a}
.pchip.azure{border-color:#b3d9f5;background:#f0f8ff;color:#0078d4}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc{background:#fff;border:1.5px solid #eee;border-radius:14px;padding:26px}
.pc.hot{border-color:#ec4899;box-shadow:0 10px 36px rgba(236,72,153,.1)}
.pc-badge{background:linear-gradient(90deg,#f9c74f,#ec4899);color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:13px}
.pc h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#0f0f0f}
.pc-pr{font-size:24px;font-weight:700;color:#0f0f0f;margin:11px 0 5px}
.pc-pr span{font-size:12px;font-weight:400;color:#bbb}
.pc-desc{font-size:14px;color:#aaa;margin-bottom:17px;line-height:1.5}
.pc-fl{list-style:none;margin-bottom:20px}
.pc-fl li{font-size:14px;color:#666;padding:5px 0;display:flex;align-items:center;gap:7px;border-bottom:1px solid #f8f8f8}
.pc-fl li:last-child{border:none}
.ck{color:#ec4899;font-weight:700}
.pc-btn{width:100%;padding:11px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid #e0e0e0;background:#fff;color:#1a1a1a;transition:all .2s;margin-bottom:8px}
.pc-btn:hover{border-color:#ec4899;color:#ec4899}
.pc-btn:not(.hot){border-color:#ec4899;color:#ec4899}
.pc-btn.hot{background:linear-gradient(90deg,#f9c74f,#ec4899);color:#fff;border:none;box-shadow:0 4px 14px rgba(236,72,153,.2)}
.pc-or{text-align:center;font-size:14px;color:#999;margin:3px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.pc-az{width:100%;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:#0078d4;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;transition:background .2s}
.pc-az:hover{background:#006cbd}
.cta{background:linear-gradient(135deg,#0a0612,#1c0a38);border-radius:20px;padding:64px 48px;text-align:center;margin:0 48px 72px}
.cta h2{font-size:34px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}
.cta p{font-size:17px;color:#aaa;margin-bottom:20px;max-width:860px;margin-left:auto;margin-right:auto;line-height:1.75;text-wrap:pretty}
.cta-kicker{display:inline-block;font-size:14px;font-weight:600;color:#f6d5e8;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 22px;padding:6px 12px;border:1px solid rgba(236,72,153,.35);border-radius:999px;background:rgba(236,72,153,.09)}
.cta-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);padding:14px 24px;border-radius:9px;font-size:16px;cursor:pointer;font-weight:500}
footer{background:#0a0612;padding:56px 48px 26px}
.ft-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid #1a1430}
.ft-brand img{height:36px;margin-bottom:14px}
.ft-brand p{font-size:13px;color:#555;line-height:1.7;max-width:230px}
.ft-socials{display:flex;gap:8px;margin-top:14px}
.fsoc{width:30px;height:30px;border-radius:7px;background:#16102a;border:1px solid #251840;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;transition:all .2s;text-decoration:none}
.fsoc:hover{background:linear-gradient(135deg,#f9c74f,#ec4899);color:#fff;border-color:transparent}
.ft-az{margin-top:14px;background:#0078d4;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;text-decoration:none;transition:background .2s;width:fit-content}
.ft-az:hover{background:#006cbd}
.ft-az span{font-size:14px;font-weight:600;color:#fff}
.ft-col h4{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.ft-col h4 a{color:inherit;text-decoration:none}
.ft-col h4 a:hover{color:#f9c74f}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ft-col ul li a{font-size:14px;color:#555;text-decoration:none;transition:color .2s}
.ft-col ul li a:hover{color:#f9c74f}
.ft-bot{max-width:1200px;margin:0 auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px}
.ft-bot p{font-size:12px;color:#444}
.ft-legal{display:flex;gap:14px;flex-wrap:wrap}
.ft-legal a{font-size:12px;color:#444;text-decoration:none;transition:color .2s}
.ft-legal a:hover{color:#f9c74f}
@media(max-width:960px){
  .hero,.rose-sec,.ai-in{flex-direction:column;padding:36px 22px;gap:26px}
  .hero-r,.rose-vc,.ai-r{flex:none;width:100%}
  .how-g,.feat-g,.av-g,.pgrid,.pillars{grid-template-columns:1fr 1fr}
  .press-g{grid-template-columns:1fr}
  .stats{flex-wrap:wrap}.stat{border-right:none;border-bottom:1px solid #eee;padding:20px}
  nav{padding:12px 20px}.nav-links{display:none}
  .cta{margin:0 20px 52px;padding:40px 20px}
  .av-bg,.ai-bg,.press-bg{padding:52px 20px}
  footer{padding:44px 20px 22px}
  .ft-top{grid-template-columns:1fr 1fr;gap:24px}
  .az-wrap{padding:0 20px}
  .az-banner{padding:22px}
  .av-sub{white-space:normal}
}
@media(max-width:600px){
  .how-g,.feat-g,.av-g,.pgrid,.pillars,.ft-top{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .slogan-grid{grid-template-columns:1fr}
  .top-slogan-title{font-size:32px}
  .top-slogan-sub{font-size:16px}
  .top-slogan-sub2{font-size:13px}
}
/* Hide site content during intro */
body.intro-mode{overflow:hidden}
body.intro-mode > *{display:none}
body.intro-mode #logo-splash,body.intro-mode #intro{display:flex!important}