/* Copyright (c) Rzu-Informatique. Tous droits reserves. */
.ia-article-page .ia-content * { box-sizing:border-box }
.ia-article-page .ia-content { scroll-behavior:smooth;scroll-padding-top:90px }
.ia-article-page .ia-content { margin:0;background:var(--ia-bg);color:var(--ia-text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif }
.ia-article-page .ia-content a { color:inherit;text-decoration:none }
.ia-article-page .ia-content a:focus-visible,
.ia-article-page .ia-content summary:focus-visible { outline:3px solid var(--ia-blue);outline-offset:6px }
.ia-article-page .ia-content .skip { position:absolute;top:-100px;left:15px;background:var(--ia-blue);color:var(--ia-deep);padding:10px;z-index:10 }
.ia-article-page .ia-content .skip:focus { top:10px }
.ia-article-page .ia-content .wrap { width:min(1160px,90%);margin:auto }
.ia-article-page .ia-content header { border-bottom:1px solid var(--ia-line);background:#0f111a }
.ia-article-page .ia-content nav { min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px }
.ia-article-page .ia-content .brand { font-size:27px;font-weight:850;letter-spacing:5px;line-height:1.1 }
.ia-article-page .ia-content .brand small { display:block;font-size:8px;letter-spacing:3px;margin-top:7px;color:var(--ia-muted) }
.ia-article-page .ia-content .navlinks { display:flex;align-items:center;gap:28px;font-size:14px }
.ia-article-page .ia-content .navlinks a:hover,
.ia-article-page .ia-content footer a:hover { color:var(--ia-blue) }
.ia-article-page .ia-content .btn { display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 23px;border-radius:7px;background:var(--ia-blue);color:#080910;font-weight:750;line-height:1.4;transition:transform .2s,background .2s }
.ia-article-page .ia-content .btn:hover { transform:translateY(-2px);background:#f06292 }
.ia-article-page .ia-content .btn.secondary { background:transparent;border:1px solid #ffffff40;color:var(--ia-text) }
.ia-article-page .ia-content .eyebrow { font-size:12px;text-transform:uppercase;letter-spacing:2.3px;color:var(--ia-blue);font-weight:750 }
.ia-article-page .ia-content .hero { padding:80px 0 64px;background:#0f111a }
.ia-article-page .ia-content .hero-grid { display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:65px }
.ia-article-page .ia-content h1 { font-size:clamp(40px,4.6vw,65px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0 25px;max-width:650px }
.ia-article-page .ia-content h1 em { font-style:normal;color:var(--ia-blue) }
.ia-article-page .ia-content h2 { font-size:clamp(29px,3.1vw,43px);line-height:1.16;letter-spacing:-1.3px;margin:16px 0 22px }
.ia-article-page .ia-content h3 { font-size:23px;line-height:1.3;margin:15px 0 }
.ia-article-page .ia-content p { margin:0 0 20px }
.ia-article-page .ia-content .intro { font-size:18px;color:var(--ia-muted);max-width:570px }
.ia-article-page .ia-content .actions { display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 22px }
.ia-article-page .ia-content .micro { font-size:12px;color:var(--ia-muted) }
.ia-article-page .ia-content .dot { color:var(--ia-pink);margin:0 8px }
.ia-article-page .ia-content .studio { position:relative;min-height:410px;display:flex;align-items:center;padding:30px 0 }
.ia-article-page .ia-content .browser { width:100%;background:#141520;color:#ffffff;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 30px 75px #0005;transform:rotate(-4deg);overflow:hidden }
.ia-article-page .ia-content .bar { background:#1b1d2b;padding:12px 16px;font-size:10px;letter-spacing:3px;color:#e5e5e5 }
.ia-article-page .ia-content .sample { padding:23px 28px 60px }
.ia-article-page .ia-content .sample-nav { display:flex;justify-content:space-between;font-size:9px }
.ia-article-page .ia-content .sample-title { font:42px/1.02 Georgia,serif;letter-spacing:-1px;margin:36px 0 20px;max-width:240px }
.ia-article-page .ia-content .sample-tag { display:inline-block;background:#f06292;color:white;font-size:9px;border-radius:20px;padding:8px 15px }
.ia-article-page .ia-content .flyer { position:absolute;right:-5px;bottom:9px;background:var(--ia-pink);color:#ffffff;width:174px;padding:24px 22px;transform:rotate(9deg);box-shadow:0 15px 40px #0005;border:5px solid #4fc3f7 }
.ia-article-page .ia-content .flyer b { font-size:32px;line-height:1;display:block;letter-spacing:-1px;margin:21px 0 }
.ia-article-page .ia-content .flyer small { font-size:9px;display:block;letter-spacing:1px }
.ia-article-page .ia-content .spark { font-size:40px;line-height:1 }
.ia-article-page .ia-content .example-label { position:absolute;top:4px;right:0;font-size:10px;color:var(--ia-muted);letter-spacing:1px }
.ia-article-page .ia-content .strip { border-top:1px solid var(--ia-line);border-bottom:1px solid var(--ia-line);padding:21px 0 }
.ia-article-page .ia-content .strip .wrap { display:flex;justify-content:space-between;gap:20px;color:var(--ia-muted);font-size:13px }
.ia-article-page .ia-content .strip b { color:var(--ia-text) }
.ia-article-page .ia-content section { padding:85px 0 }
.ia-article-page .ia-content .section-top { display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px }
.ia-article-page .ia-content .section-top p { max-width:360px;color:var(--ia-muted) }
.ia-article-page .ia-content .cards { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.ia-article-page .ia-content .card { padding:30px;background:var(--ia-panel);border:1px solid var(--ia-line);border-radius:12px }
.ia-article-page .ia-content .number { display:inline-flex;width:42px;height:42px;border:1px solid #4fc3f750;border-radius:50%;align-items:center;justify-content:center;color:var(--ia-blue);font-size:14px }
.ia-article-page .ia-content .card:nth-child(2) .number { color:var(--ia-pink);border-color:#f0629250 }
.ia-article-page .ia-content .card p,
.ia-article-page .ia-content .card li { color:var(--ia-muted);font-size:14px }
.ia-article-page .ia-content .card ul { padding-left:18px;margin-bottom:25px }
.ia-article-page .ia-content .text-link { color:var(--ia-blue);font-size:14px;font-weight:700 }
.ia-article-page .ia-content .project { padding:45px;background:#0f111a;border:1px solid #4fc3f730;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:65px }
.ia-article-page .ia-content .project p { color:var(--ia-muted) }
.ia-article-page .ia-content .checklist { list-style:none;margin:0;padding:0 }
.ia-article-page .ia-content .checklist li { padding:15px 0;border-bottom:1px solid var(--ia-line);font-size:14px }
.ia-article-page .ia-content .checklist li::before { content:'↗';color:var(--ia-pink);margin-right:15px }
.ia-article-page .ia-content .steps { display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px }
.ia-article-page .ia-content .step { border-top:1px solid var(--ia-line);padding-top:22px }
.ia-article-page .ia-content .step span { color:var(--ia-pink);font-size:12px }
.ia-article-page .ia-content .step p { color:var(--ia-muted);font-size:14px }
.ia-article-page .ia-content .local { display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start }
.ia-article-page .ia-content .local p { color:var(--ia-muted) }
.ia-article-page .ia-content .local-note { border-left:3px solid var(--ia-pink);padding-left:22px }
.ia-article-page .ia-content .faq { background:var(--ia-deep) }
.ia-article-page .ia-content .faq-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:70px }
.ia-article-page .ia-content details { border-bottom:1px solid var(--ia-line);padding:20px 0 }
.ia-article-page .ia-content summary { cursor:pointer;font-weight:650;padding-right:12px }
.ia-article-page .ia-content details p { color:var(--ia-muted);font-size:14px;margin:17px 0 3px }
.ia-article-page .ia-content .contact { text-align:center;background:#1b1d2b }
.ia-article-page .ia-content .contact h2 { max-width:680px;margin:18px auto 22px }
.ia-article-page .ia-content .contact p { color:var(--ia-muted);max-width:620px;margin:0 auto 22px }
.ia-article-page .ia-content .contact .actions { justify-content:center }
.ia-article-page .ia-content .email { display:inline-block;margin-top:9px;color:var(--ia-blue) }
.ia-article-page .ia-content footer { border-top:1px solid var(--ia-line);padding:28px 0;color:var(--ia-muted);font-size:12px }
.ia-article-page .ia-content footer .wrap { display:flex;justify-content:space-between;gap:20px }
.ia-article-page .ia-content .legal-links { display:flex;gap:20px }
@media(max-width:850px) {
  .ia-article-page .ia-content .hero-grid { gap:25px }
  .ia-article-page .ia-content h1 { font-size:46px }
  .ia-article-page .ia-content .studio { min-height:370px }
  .ia-article-page .ia-content .sample-title { font-size:34px }
  .ia-article-page .ia-content .flyer { width:140px;padding:18px }
  .ia-article-page .ia-content .flyer b { font-size:27px }
  .ia-article-page .ia-content .cards { gap:12px }
  .ia-article-page .ia-content .card { padding:22px }
  .ia-article-page .ia-content .project { gap:30px }
  .ia-article-page .ia-content .navlinks { gap:16px }
}
@media(max-width:650px) {
  .ia-article-page .ia-content nav { min-height:78px }
  .ia-article-page .ia-content .navlinks a:not(.btn) { display:none }
  .ia-article-page .ia-content .navlinks .btn { padding:11px 15px;font-size:12px }
  .ia-article-page .ia-content .hero { padding-top:44px }
  .ia-article-page .ia-content .hero-grid,
  .ia-article-page .ia-content .cards,
  .ia-article-page .ia-content .project,
  .ia-article-page .ia-content .local,
  .ia-article-page .ia-content .faq-grid { grid-template-columns:1fr }
  .ia-article-page .ia-content h1 { font-size:46px }
  .ia-article-page .ia-content .hero-grid { gap:22px }
  .ia-article-page .ia-content .studio { max-width:390px;width:92%;margin:auto;min-height:365px }
  .ia-article-page .ia-content .strip .wrap { flex-direction:column;gap:8px }
  .ia-article-page .ia-content .section-top { display:block }
  .ia-article-page .ia-content .section-top p { max-width:none }
  .ia-article-page .ia-content .steps { grid-template-columns:1fr;gap:15px }
  .ia-article-page .ia-content section { padding:58px 0 }
  .ia-article-page .ia-content .project { padding:28px;gap:20px }
  .ia-article-page .ia-content .local,
  .ia-article-page .ia-content .faq-grid { gap:22px }
  .ia-article-page .ia-content footer .wrap { flex-direction:column }
  .ia-article-page .ia-content .intro { font-size:17px }
}
@media(prefers-reduced-motion:reduce) {
  .ia-article-page .ia-content { scroll-behavior:auto }
  .ia-article-page .ia-content * { transition:none!important }
}
.ia-article-page .ia-content .reading { width:min(780px,88%);margin:65px auto 80px }
.ia-article-page .ia-content .reading h1 { font-size:clamp(34px,4.1vw,53px);max-width:none;letter-spacing:-1.7px;line-height:1.12 }
.ia-article-page .ia-content .reading h2 { font-size:29px;letter-spacing:-.7px;margin-top:44px }
.ia-article-page .ia-content .reading p,
.ia-article-page .ia-content .reading li { color:var(--ia-muted) }
.ia-article-page .ia-content .reading .intro { max-width:none;font-size:20px }
.ia-article-page .ia-content .reading li { margin-bottom:12px }
.ia-article-page .ia-content .reading strong { color:var(--ia-text) }
.ia-article-page .ia-content .byline { font-size:13px;border-bottom:1px solid var(--ia-line);padding:0 0 25px;margin-bottom:32px }
.ia-article-page .ia-content .article-cta { padding:30px;background:var(--ia-panel);border:1px solid var(--ia-line);border-radius:12px;margin-top:40px }
.ia-article-page .ia-content .article-cta h2 { margin-top:0 }
@media(max-width:650px) {
  .ia-article-page .ia-content header .btn { font-size:12px;padding:12px }
  .ia-article-page .ia-content .reading { margin-top:40px }
  .ia-article-page .ia-content .reading h2 { font-size:26px }
}
.ia-article-page .ia-content { background:var(--ia-bg);color:var(--ia-text) }
.ia-article-page .ia-content header { background:var(--ia-section-dark) }
.ia-article-page .ia-content .hero { background:var(--ia-section-dark) }
.ia-article-page .ia-content h1 em { color:var(--ia-text) }
.ia-article-page .ia-content h2 { color:var(--ia-text) }
.ia-article-page .ia-content .card h3 { color:var(--ia-yellow) }
.ia-article-page .ia-content .btn { background:var(--ia-pink);color:var(--ia-deep) }
.ia-article-page .ia-content .btn:hover { background:var(--ia-pink);box-shadow:0 2px 8px rgba(0,0,0,.25) }
.ia-article-page .ia-content .btn.secondary { background:rgba(79,195,247,.06);border-color:rgba(79,195,247,.48);color:var(--ia-text) }
.ia-article-page .ia-content .btn.secondary:hover { background:rgba(79,195,247,.06) }
.ia-article-page .ia-content .text-link { color:var(--ia-pink) }
.ia-article-page .ia-content .strip { background:var(--ia-panel) }
.ia-article-page .ia-content #reprise { background:var(--ia-section-dark) }
.ia-article-page .ia-content #services { background:var(--ia-panel);padding-top:65px!important }
.ia-article-page .ia-content .card { background:var(--ia-bg);border-color:var(--ia-line) }
.ia-article-page .ia-content .number,
.ia-article-page .ia-content .card:nth-child(2) .number { color:var(--ia-yellow);border-color:var(--ia-yellow) }
.ia-article-page .ia-content .project { background:var(--ia-section-dark);border-color:var(--ia-line) }
.ia-article-page .ia-content section:has(>.local) { background:var(--ia-section-dark) }
.ia-article-page .ia-content .faq { background:var(--ia-section-dark) }
.ia-article-page .ia-content .contact { background:var(--ia-panel) }
.ia-article-page .ia-content footer { background:var(--ia-section-dark) }
.ia-article-page .ia-content .browser { background:var(--ia-bg);color:var(--ia-text);border-color:var(--ia-line) }
.ia-article-page .ia-content .bar { background:var(--ia-panel);color:var(--ia-muted) }
.ia-article-page .ia-content .sample-title { color:var(--ia-yellow) }
.ia-article-page .ia-content .sample-tag { background:var(--ia-pink);color:var(--ia-deep) }
.ia-article-page .ia-content .flyer { background:var(--ia-panel);color:var(--ia-text);border-color:var(--ia-blue) }
.ia-article-page .ia-content .flyer b { color:var(--ia-yellow) }
.ia-article-page .ia-content .spark { color:var(--ia-pink) }
.ia-article-page .ia-content .article-cta { background:var(--ia-panel);border-color:var(--ia-line) }
.ia-article-page .article-back { margin-top: 20px; margin-bottom: 0; }
.ia-article-page .ia-content .reading h1 { font-size: var(--ia-heading-1); line-height: 1.2; }
.ia-article-page .ia-content .reading h2 { font-size: var(--ia-heading-2); line-height: 1.2; }
.ia-article-page .ia-content .reading .intro { font-size: var(--ia-lead-size); line-height: var(--ia-lead-line); }
.ia-article-page .ia-content .reading p,
.ia-article-page .ia-content .reading li { font-size: var(--ia-copy-size); line-height: var(--ia-copy-line); }
.ia-article-page .ia-content .reading .byline { font-size: .8rem; }