:root{--site-navy:#07152f;--site-blue:#2468ef;--site-gold:#f4b400;--site-ink:#102348;--site-muted:#5b6b86;--site-line:#d9e4f4}
@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-display:swap}
@font-face{font-family:Josefin;src:url('/assets/josefin-bold.woff2') format('woff2');font-weight:700;font-display:swap}
html{overflow-x:hidden;scroll-behavior:smooth}
html.theme-scale{font-size:62.5%}
html.theme-scale body{font-size:16px}
body{overflow-x:hidden}
.site-skip{position:absolute;left:16px;top:-100px;z-index:1000;background:#fff;color:var(--site-navy);padding:10px 15px;border-radius:8px}
.site-skip:focus{top:10px}
.site-preview{padding:7px 16px;background:#07152f;color:#fff;text-align:center;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.11em}
.site-preview span{margin-left:12px;color:#c7d5ef;font-weight:400;letter-spacing:0}
.site-header{position:sticky;top:0;z-index:30;width:100%;padding:0 28px;background:#07142b!important;border-bottom:1px solid #ffffff16!important;box-shadow:0 8px 24px #06142c18;color:#fff;font:600 13px/1.4 Inter,Arial,sans-serif}
.site-header .header-inner{position:relative;max-width:1470px;min-height:72px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.site-header .wordmark,.site-footer .wordmark{font:700 32px/1 Josefin,Arial,sans-serif;letter-spacing:-1.6px;text-decoration:none;white-space:nowrap;color:#fff}
.site-header .wordmark{grid-column:2;grid-row:1;text-align:center}
.site-header .wordmark>span:first-of-type,.site-footer .wordmark>span:first-of-type{color:#ffbf00}
.site-header .brand-dot,.site-footer .brand-dot{color:#fff!important}
.site-header .main-nav{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,1.7vw,28px);min-width:0;white-space:nowrap;font-size:13px;font-weight:600}
.site-header .main-nav a,.site-header .header-faq{color:#d6e0f3;text-decoration:none}.site-header .main-nav a:hover,.site-header .header-faq:hover{color:#fff}
.site-header .header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.site-header .header-faq{border:1px solid #304266;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}
.site-header .header-product{background:#2468ef;color:#fff;text-decoration:none;padding:11px 17px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 6px 18px #2468ef35}
.site-header .header-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;border:1px solid #304266;border-radius:50%;background:#0d1c38}
.site-header .header-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header a:focus-visible,.site-footer a:focus-visible{outline:2px solid #ffbf00;outline-offset:4px}
.site-footer{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;padding:54px max(32px,calc((100vw - 1240px)/2)) 22px!important;background-color:#07142b!important;background-image:linear-gradient(#8296ba12 1px,transparent 1px),linear-gradient(90deg,#8296ba12 1px,transparent 1px)!important;background-size:50px 50px!important;color:#d2def2!important;font:13px/1.6 Inter,Arial,sans-serif;border-top:1px solid #ffffff16}
.site-footer::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 55%,#2868d52c,transparent 34%),radial-gradient(circle at 82% 15%,#ffbf0015,transparent 29%);animation:site-footer-light 13s ease-in-out infinite alternate}
.site-footer>*{position:relative;z-index:1}
.site-footer .footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(130px,.7fr) minmax(150px,.7fr) 44px;gap:55px;align-items:start;padding-bottom:38px}
.site-footer .footer-brand .wordmark{display:inline-block;color:#4d91ff;font-size:38px}
.site-footer .footer-brand>p{max-width:340px;margin:17px 0;color:#b2c2dc;font-size:13px;line-height:1.7}
.site-footer .footer-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.site-footer .footer-pills span{padding:7px 10px;border:1px solid #2c4065;border-radius:999px;color:#c5d3eb;font-size:10px}
.site-footer .footer-return{display:inline-flex;padding:8px 13px;border:1px solid #ae8100;border-radius:999px;color:#ffc523;text-decoration:none;font-size:11px;font-weight:700}
.site-footer .footer-nav{display:grid;justify-items:start;gap:11px;font-size:12px}.site-footer .footer-nav h3{margin:3px 0;color:#7daaf1;font-size:10px;letter-spacing:.15em}.site-footer .footer-nav a{color:#d4def0;text-decoration:none}.site-footer .footer-nav a:hover{color:#fff;text-decoration:underline}
.site-footer .back-top{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#2468ef;color:#fff;text-decoration:none;font-size:23px}
.site-footer .footer-bottom{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid #263654;color:#8598b8;font-size:10px}
@keyframes site-footer-light{0%,100%{transform:translate3d(-3%,2%,0);opacity:.55}50%{transform:translate3d(4%,-2%,0);opacity:.9}}
/* Les anciennes pages Shopify utilisent rem sur une base de 10 px. */
html.theme-scale .evalink-guide{padding-top:clamp(36px,6vw,70px);padding-bottom:clamp(52px,7vw,90px)}
html.theme-scale .evalink-guide__inner{max-width:112rem}
html.theme-scale .evalink-guide__breadcrumb{margin-bottom:2.2rem}
html.theme-scale .evalink-guide__hero{margin-bottom:clamp(3.4rem,5vw,5.5rem)}
html.theme-scale .evalink-guide__hero h1{font-size:clamp(3.5rem,5.5vw,6.2rem)}
html.theme-scale .evalink-web__inner{max-width:112rem;padding-top:clamp(4rem,6vw,7rem)}
html.theme-scale .evalink-web__hero{margin-bottom:clamp(5rem,8vw,10rem)}
html.theme-scale .evalink-web__hero h1{font-size:clamp(4rem,5.7vw,6.6rem)}
html.theme-scale .evalink-web__client-brand{color:#155bde}
html.theme-scale .evalink-web__real-example-preview{background:radial-gradient(circle at 50% 35%,#2468ef1f,transparent 18rem),linear-gradient(145deg,#f7faff,#eaf2ff)}
html.theme-scale .evalink-about-page__inner{max-width:112rem}
html.theme-scale .evalink-about-page__breadcrumb{margin-bottom:2.2rem}
html.theme-scale .evalink-about-page__hero{max-width:94rem;margin-inline:auto;margin-bottom:clamp(3.4rem,5vw,5.5rem);padding:clamp(2.8rem,5vw,5rem)}
html.theme-scale .evalink-about-page__hero h1{font-size:clamp(3.5rem,5.5vw,6.2rem)}
html.theme-scale .evalink-about-page__layout{gap:clamp(3rem,5vw,6rem)}
/* Blog et pages générales : mêmes couleurs que la boutique. */
.blog-body{background:#f3f6fb;color:var(--site-ink)}
.listing,.article{padding-top:58px;padding-bottom:90px}
.listing .eyebrow,.article .eyebrow,.contact-page .eyebrow,.tracking-page .eyebrow{color:#2468ef!important}
.listing h1,.article h1,.contact-page h1,.tracking-page h1{color:var(--site-ink)!important;letter-spacing:-.035em}
.listing .intro,.article .intro{color:var(--site-muted)!important}
.listing .grid{gap:20px}
.listing .card{border-color:var(--site-line);box-shadow:0 12px 28px #1023480b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.listing .card:hover{transform:translateY(-4px);border-color:#8bb1f7;box-shadow:0 18px 35px #10234818}
.listing .card h2{color:var(--site-ink)}
.listing .card p,.article .article-body p,.article .article-body li{color:#455774}
.listing .card span,.article a,.contact-page a:not(.contact-button),.tracking-page a:not(.contact-button){color:#155bde}
.article .hero{border:1px solid var(--site-line)}
.article .article-body h2,.article .article-body h3{color:var(--site-ink)}
.article .article-body aside,.article .cta{background:#e9f1ff;border-color:#2468ef;color:var(--site-ink)}
.article .button,.contact-button,.trial-refresh{background:#155bde!important;color:#fff!important;border-radius:999px}
.contact-page h1 span{color:#2468ef}
.tracking-grid article{background:#f5f8ff;border-color:var(--site-line)}
.tracking-grid h2{color:var(--site-ink)}
.trial-status{background:#e9f1ff;color:var(--site-ink)}
@media(max-width:1180px){.site-header{padding:0 20px}.site-header .header-inner{grid-template-columns:1fr auto;gap:14px;padding:13px 0}.site-header .wordmark{grid-column:1;grid-row:1;text-align:left}.site-header .main-nav{grid-column:1/-1;grid-row:2;overflow-x:auto;max-width:100%;padding:2px 0 5px;scrollbar-width:thin}.site-header .header-actions{grid-column:2;grid-row:1}.site-header .header-faq{display:none}.site-footer .footer-grid{gap:32px}}
@media(max-width:800px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:760px){.site-header .header-inner{padding:11px 0;gap:10px}.site-header .wordmark{font-size:28px}.site-header .header-actions{gap:7px}.site-header .header-product{padding:10px 12px;font-size:11px}.site-header .header-icon{width:35px;height:35px}.site-header .main-nav{gap:19px;font-size:12px}.site-footer{padding:40px 22px 18px!important;background-size:38px 38px!important}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:620px){.listing,.article{padding-top:36px;padding-bottom:60px}.listing h1,.article h1{font-size:clamp(30px,9vw,42px);line-height:1.08;overflow-wrap:anywhere}.listing .grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.listing .card img{height:190px}.article .hero{max-height:280px;margin-block:22px}.article .article-body{font-size:16px}.article .cta{padding:24px;margin:36px 0}.contact-page,.tracking-page{padding-top:40px;padding-bottom:60px}html.theme-scale .evalink-guide__inner{padding-inline:1.8rem}html.theme-scale .evalink-guide__hero{padding:2.5rem 2rem;border-radius:2rem}html.theme-scale .evalink-guide__hero h1{font-size:clamp(3.2rem,9vw,4.8rem)}html.theme-scale .evalink-guide__lead{font-size:1.6rem}html.theme-scale .evalink-web__inner{padding-inline:1.8rem}html.theme-scale .evalink-web__hero h1{font-size:clamp(3.5rem,10vw,4.8rem)}html.theme-scale .evalink-web__intro h2,html.theme-scale .evalink-web__section-heading h2,html.theme-scale .evalink-web__use-cases h2,html.theme-scale .evalink-web__how h2,html.theme-scale .evalink-web__closing h2{font-size:clamp(2.8rem,8vw,4rem)}html.theme-scale .evalink-web__browser{max-width:100%}}
@media(max-width:420px){.site-header{padding:0 14px}.site-header .header-product{padding:9px 10px}.site-header .header-product span{display:none}.site-header .header-actions{gap:5px}.site-header .main-nav{gap:16px}.site-footer .footer-grid{gap:24px 12px}}

.mobile-menu-toggle,.mobile-nav-extra{display:none}
@media(max-width:760px){
  .has-mobile-menu .site-header .mobile-menu-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 10px;border:1px solid #405985;border-radius:999px;background:#102449;color:#fff;font:700 12px/1 Inter,Arial,sans-serif;cursor:pointer}
  .has-mobile-menu .site-header .mobile-menu-toggle span{font-size:16px;line-height:1}
  .has-mobile-menu .site-header .header-icon{display:none}
  .has-mobile-menu .site-header .main-nav{display:none}
  .has-mobile-menu .site-header .main-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;max-width:100%;max-height:min(70vh,510px);overflow-y:auto;overflow-x:hidden;padding:11px 0 5px;border-top:1px solid #31476f;white-space:normal}
  .has-mobile-menu .site-header .main-nav.is-open a{display:block;min-width:0;padding:12px 10px;border:1px solid #30466f;border-radius:10px;background:#102449;color:#e5edfc;font-size:12px;line-height:1.35;white-space:normal}
  .has-mobile-menu .site-header .main-nav.is-open a:hover,.has-mobile-menu .site-header .main-nav.is-open a:focus-visible{background:#1b3b74;color:#fff}
  html.theme-scale .evalink-about-page__hero{padding:2.5rem 2rem;border-radius:2rem}
  html.theme-scale .evalink-about-page__hero h1{font-size:clamp(3.2rem,9vw,4.8rem)}
  html.theme-scale .evalink-about-page__hero>p:not(.evalink-about-page__eyebrow){font-size:1.6rem}
}
@media(max-width:420px){.has-mobile-menu .site-header .header-product{display:none}}

/* Navigation mobile Évalink : panneau compact, lisible et accessible. */
.header .mobile-panel,.site-header .mobile-panel{display:none}
@media(max-width:760px){
  .has-mobile-menu :is(.header,.site-header) .main-nav{display:none}
  .has-mobile-menu :is(.header,.site-header) .header-product,.has-mobile-menu :is(.header,.site-header) .header-faq{display:none}
  .has-mobile-menu .site-header .header-icon{display:none}
  .has-mobile-menu .header .header-icon:not(.cart-trigger){display:none}
  .has-mobile-menu :is(.header,.site-header) .header-inner{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .has-mobile-menu :is(.header,.site-header) .wordmark{min-width:0;font-size:27px}
  .has-mobile-menu :is(.header,.site-header) .header-actions{min-width:0;gap:8px}
  .has-mobile-menu :is(.header,.site-header) .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #3e5a8d;border-radius:12px;background:#142b54;color:#fff;font:750 13px/1 Inter,Arial,sans-serif;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff1c;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
  .has-mobile-menu :is(.header,.site-header) .mobile-menu-toggle:hover,.has-mobile-menu :is(.header,.site-header) .mobile-menu-toggle[aria-expanded="true"]{background:#1a3971;border-color:#7099e5}
  .mobile-menu-glyph{position:relative;display:block;width:17px;height:14px;flex:none;border-top:2px solid #ffbf00;border-bottom:2px solid #ffbf00;transition:border-color .2s ease}
  .mobile-menu-glyph::after{content:"";position:absolute;top:4px;left:0;width:12px;height:2px;background:#ffbf00;transition:width .2s ease}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-glyph::after{width:17px}
  body.mobile-navigation-open::before{content:"";position:fixed;inset:0;z-index:29;background:#020d24a6;backdrop-filter:blur(3px)}
  .has-mobile-menu :is(.header,.site-header) .mobile-panel{display:block;position:absolute;z-index:31;top:calc(100% + 8px);right:12px;width:min(410px,calc(100% - 24px));max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid #41639b;border-radius:20px;background:linear-gradient(155deg,#102750,#081831 72%);color:#fff;box-shadow:0 24px 70px #020b22a8;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.985);transform-origin:top right;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
  .has-mobile-menu :is(.header,.site-header) .mobile-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#bed0ef;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .mobile-panel-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #49618a;border-radius:50%;background:#18325d;color:#fff;font:400 25px/1 Arial,sans-serif;cursor:pointer}
  .mobile-panel-feature{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-radius:14px;background:linear-gradient(115deg,#2468ef,#144cb8);box-shadow:0 10px 24px #00163e66;color:#fff!important;text-decoration:none!important;font-size:16px!important;font-weight:800!important;line-height:1.25}
  .mobile-panel-feature small{display:block;margin-top:4px;color:#dce9ff;font-size:11px;font-weight:600}
  .mobile-panel-feature b{font-size:21px;color:#ffcc31}
  .mobile-panel-main{display:grid;margin:12px 0 13px}
  .mobile-panel-main a{display:flex;align-items:center;min-height:45px;padding:10px 5px;border-bottom:1px solid #ffffff1b;color:#f4f7ff;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1.3}
  .mobile-panel-main a::after{content:"→";margin-left:auto;color:#82aefa;font-size:16px}
  .mobile-panel-label{margin:2px 0 9px;color:#87aaf0;font-size:10px;font-weight:800;letter-spacing:.13em}
  .mobile-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .mobile-panel-grid a{display:flex;align-items:center;min-width:0;min-height:42px;padding:9px 11px;border:1px solid #2c4876;border-radius:9px;background:#10264b;color:#dce8fc!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
  .mobile-panel :is(a,button):focus-visible{outline:2px solid #ffbf00;outline-offset:2px}
  .mobile-panel-grid a:hover,.mobile-panel-main a:hover{background:#1a3971;color:#fff!important}
  :is(.header,.site-header){isolation:isolate}
}
@media(max-width:420px){
  .has-mobile-menu :is(.header,.site-header) .wordmark{font-size:25px}
  .has-mobile-menu :is(.header,.site-header) .mobile-menu-toggle{padding:9px 11px}
}
@media(max-width:760px){
  html,body,main{max-width:100%;min-width:0}
  main img,main video,main iframe{max-width:100%}
  :is(.product-grid,.product-info,.gallery,.details-section,.wrap,.page-width,.listing,.article){min-width:0}
  :is(.listing,.article,.contact-page,.tracking-page) h1{overflow-wrap:anywhere}
  .site-footer .footer-grid{min-width:0}
  html.theme-scale :is(.evalink-guide__inner,.evalink-web__inner,.evalink-about-page__inner){width:100%;max-width:100%;min-width:0}
  html.theme-scale :is(.evalink-web__hero,.evalink-web__use-cases,.evalink-web__example-grid,.evalink-web__showcase-grid,.evalink-web-demo,.evalink-guide__layout){grid-template-columns:minmax(0,1fr)}
  html.theme-scale :is(.evalink-web__hero,.evalink-web__browser,.evalink-web__client-card,.evalink-web-demo,.evalink-about-page__hero,.evalink-about-page__content,.evalink-guide__content){min-width:0;max-width:100%}
  html.theme-scale :is(.evalink-web__hero h1,.evalink-web__intro h2,.evalink-about-page__hero h1,.evalink-guide__hero h1){overflow-wrap:anywhere}
}
@media(max-width:480px){
  .tracking-grid article{padding:19px}
  .contact-page,.tracking-page,.listing,.article{padding-inline:16px}
  .site-footer .footer-grid{grid-template-columns:minmax(0,1fr)}
  .site-footer .footer-brand{grid-column:1}
  .site-footer .footer-nav{min-width:0}
  .editorial-title{min-width:0}
  html.theme-scale :is(.evalink-guide__inner,.evalink-web__inner,.evalink-about-page__inner){padding-inline:1.6rem}
}


/* Identité animée commune aux pages secondaires. */
.site-header .wordmark{display:inline-block;animation:site-logo-float 5s ease-in-out infinite;transition:filter .25s ease}
.site-header .wordmark>span:first-of-type{display:inline-block;animation:site-logo-glow 4s ease-in-out infinite}
.site-header .wordmark:hover{filter:drop-shadow(0 0 14px #5b95ff8a)}
.site-header .header-icon,.site-header .header-faq{transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}
.site-header .header-icon:hover,.site-header .header-icon:focus-visible,.site-header .header-faq:hover{color:#ffbf00;border-color:#ffbf00;background:#192f56;box-shadow:0 0 0 4px #ffbf0017,0 0 20px #ffbf0033;transform:translateY(-2px)}
.site-header .header-icon:hover svg{stroke:#ffbf00}
.site-footer .footer-nav a{transition:color .2s ease,transform .2s ease}.site-footer .footer-nav a:hover{color:#ffbf00;transform:translateX(3px);text-decoration:none}
@keyframes site-logo-float{50%{transform:translateY(-3px)}}
@keyframes site-logo-glow{50%{text-shadow:0 0 17px #ffbf0085}}


/* Un éclat bref toutes les neuf secondes, sans couleur jaune permanente. */
.site-header .main-nav a[href="/blogs/conseils"],.site-header .mobile-panel-main a[href="/blogs/conseils"]{display:inline-block;animation:site-conseils-pulse 9s ease-in-out infinite}
.site-header .mobile-panel-main a[href="/blogs/conseils"]{display:flex;align-items:center}
.site-header .main-nav a[href="/blogs/conseils"]:hover,.site-header .main-nav a[href="/blogs/conseils"]:focus-visible,.site-header .mobile-panel-main a[href="/blogs/conseils"]:hover,.site-header .mobile-panel-main a[href="/blogs/conseils"]:focus-visible{color:#ffe185!important;text-shadow:0 0 19px #ffbf00c0}
@keyframes site-conseils-pulse{0%,69%,100%{color:#d6e0f3;text-shadow:none;transform:translateY(0)}76%,83%{color:#ffca35;text-shadow:0 0 12px #ffbf00c0,0 0 24px #ffbf0060;transform:translateY(-3px)}91%{color:#d6e0f3;text-shadow:none;transform:translateY(0)}}