/* Pages SEO serveur Stark Talent. Ce fichier n'agit que sous .seo-page. */
.seo-page{margin:0;background:#f7f8fc;color:#111833;font-family:Inter,Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.seo-page *{box-sizing:border-box}
.seo-page a{color:inherit}
.seo-skip{position:absolute;left:-9999px;top:8px;z-index:1000;padding:10px 14px;background:#fff;color:#07102f;border-radius:8px}
.seo-skip:focus{left:8px}
.seo-top{background:#07102f;color:#fff;border-bottom:1px solid rgba(174,142,255,.23)}
.seo-top-in{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.seo-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 17px/1 Manrope,Inter,sans-serif;letter-spacing:.3px}
.seo-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#9f7cff,#6435ea);box-shadow:0 8px 24px rgba(105,62,226,.32)}
.seo-brand b{color:#a989ff}
.seo-nav{display:flex;align-items:center;gap:10px}
.seo-nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;color:#e7e8f2;text-decoration:none;font-size:13px;font-weight:700;border-radius:10px}
.seo-nav a:hover,.seo-nav a:focus-visible{background:rgba(255,255,255,.08);color:#fff;outline:none}
.seo-hero{background:linear-gradient(145deg,#07102f 0%,#111845 70%,#17124a 100%);color:#fff;padding:76px 0 68px;position:relative;overflow:hidden}
.seo-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-220px;background:radial-gradient(circle,rgba(147,95,255,.3),transparent 68%);pointer-events:none}
.seo-kicker{display:inline-flex;margin:0 0 14px;padding:7px 11px;border:1px solid rgba(184,155,255,.38);border-radius:999px;color:#cdbaff;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.seo-hero h1{max-width:880px;margin:0;font:750 clamp(35px,5vw,64px)/1.03 Manrope,Inter,sans-serif;letter-spacing:-.045em}
.seo-hero p{max-width:760px;margin:20px 0 0;color:#d6d9e9;font-size:17px;line-height:1.65}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;font-size:13px;color:#bfc4d8}
.seo-breadcrumb a{color:#e4dcff;text-decoration:none}
.seo-breadcrumb span[aria-hidden]{opacity:.55}
.seo-main{padding:64px 0 80px}
.seo-section{margin-top:56px}
.seo-section:first-child{margin-top:0}
.seo-section-head{max-width:760px;margin-bottom:24px}
.seo-section h2{margin:0 0 12px;font:750 clamp(25px,3vw,36px)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.035em;color:#0a1130}
.seo-section h3{margin:0 0 9px;font:750 18px/1.25 Manrope,Inter,sans-serif;color:#111833}
.seo-section p,.seo-section li{font-size:15px;line-height:1.7;color:#4f5872}
.seo-section p{margin:0 0 14px}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seo-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #e2e3ef;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,22,61,.07)}
.seo-card .seo-kicker{color:#5b38c4;border-color:#d8ccff;background:#f6f3ff}
.seo-card p{margin:0 0 18px}
.seo-card-link{margin-top:auto;display:inline-flex;min-height:44px;align-items:center;color:#6435df!important;text-decoration:none;font-size:13px;font-weight:800}
.seo-card-link:hover,.seo-card-link:focus-visible{text-decoration:underline;outline:none}
.seo-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.seo-job-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #dedfec;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,22,61,.065)}
.seo-job-card h2,.seo-job-card h3{margin:12px 0 10px;font:750 21px/1.22 Manrope,Inter,sans-serif;color:#0a1130;letter-spacing:-.025em}
.seo-job-card p{margin:0 0 16px;color:#566078;font-size:14px;line-height:1.6}
.seo-job-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.seo-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#f0ecff;color:#5431be;font-size:11px;font-weight:800}
.seo-pill--link{text-decoration:none;border:1px solid #ddd1ff}
.seo-pill--link:hover,.seo-pill--link:focus-visible{text-decoration:underline;outline:none}
.seo-job-card .seo-card-link{margin-top:auto}
.seo-empty{padding:28px;border:1px dashed #cfd2e2;border-radius:16px;background:#fff;color:#566078}
.seo-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.seo-panel{padding:28px;border:1px solid #e2e3ef;border-radius:18px;background:#fff}
.seo-list{margin:0;padding-left:20px}
.seo-list li+li{margin-top:8px}
.seo-faq{display:grid;gap:10px}
.seo-faq details{border:1px solid #e0e1ed;border-radius:14px;background:#fff;padding:0 18px}
.seo-faq summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-weight:800;color:#111833}
.seo-faq p{padding:0 0 18px;margin:0}
.seo-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:30px;border-radius:20px;background:linear-gradient(135deg,#0a1234,#17164f);color:#fff;box-shadow:0 18px 46px rgba(7,16,47,.16)}
.seo-cta h2{color:#fff;margin-bottom:8px}
.seo-cta p{color:#d7d9e9;margin:0}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:12px;background:#8154f2;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.seo-btn--light{background:#fff;color:#17133e!important}
.seo-page .site-footer{margin-top:0}
.seo-page .footer-col a{min-height:30px;display:flex;align-items:center}

@media(max-width:900px){
  .seo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seo-two{grid-template-columns:1fr}
  .seo-cta{grid-template-columns:1fr}
  .seo-actions{justify-content:flex-start}
}

@media(max-width:700px){
  .seo-top-in{min-height:auto;padding-top:14px;padding-bottom:14px;align-items:flex-start;flex-direction:column;gap:8px}
  .seo-nav{width:100%;overflow-x:auto;gap:2px;padding-bottom:2px}
  .seo-nav a{padding:0 10px;white-space:nowrap}
  .seo-hero{padding:46px 0 44px}
  .seo-hero h1{font-size:clamp(32px,10vw,45px)}
  .seo-hero p{font-size:15px;line-height:1.6}
  .seo-main{padding:44px 0 60px}
  .seo-card-grid,.seo-job-grid{grid-template-columns:1fr}
  .seo-card,.seo-job-card,.seo-panel{padding:20px}
  .seo-section{margin-top:42px}
  .seo-cta{padding:24px}
  .seo-actions{display:grid}
  .seo-btn{width:100%}
}

@media(max-width:1023px) and (hover:none) and (pointer:coarse){
  .seo-page input,.seo-page select,.seo-page textarea{font-size:16px}
  .seo-nav a,.seo-card-link,.seo-btn,.seo-faq summary{min-height:44px}
}