/* Évalink Web — landing page */
.evalink-web { position: relative; overflow: hidden; background: #071733; color: #f7faff; }
.evalink-web__grid { position:absolute; inset:0; background-image:linear-gradient(rgba(139,177,243,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,177,243,.07) 1px,transparent 1px); background-size:4rem 4rem; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 58%,transparent 100%); pointer-events:none; }
.evalink-web__inner { position:relative; z-index:1; max-width:125rem; padding-top:clamp(4rem,7vw,10rem); padding-bottom:clamp(6rem,8vw,12rem); }
.evalink-web__hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(34rem,.95fr); align-items:center; gap:clamp(4rem,8vw,10rem); margin-bottom:clamp(7rem,12vw,15rem); }
.evalink-web__eyebrow,.evalink-web__section-label { display:inline-flex; align-items:center; gap:.75rem; margin:0 0 1.65rem; color:#98bbff; font-size:1.12rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.evalink-web__eyebrow span { display:grid; width:2.4rem; height:2.4rem; place-items:center; border-radius:.8rem; background:#0e62ed; box-shadow:0 .7rem 1.6rem rgba(10,87,212,.35); color:#f4b400; font-size:1.35rem; }
.evalink-web h1,.evalink-web h2,.evalink-web h3 { color:#fff; }
.evalink-web__hero h1 { max-width:70rem; margin:0 0 2rem; font-size:clamp(4.2rem,6.6vw,8rem); font-weight:850; letter-spacing:-.07em; line-height:.98; }
.evalink-web h1 span,.evalink-web h2 span { color:#f4b400; }
.evalink-web__lead { max-width:58rem; margin:0; color:#c5d5ef; font-size:clamp(1.75rem,2vw,2.15rem); line-height:1.58; }
.evalink-web__actions { display:flex; flex-wrap:wrap; gap:1.1rem; margin-top:3.1rem; }
.evalink-web__button { display:inline-flex; align-items:center; justify-content:center; gap:.9rem; min-height:5.2rem; padding:1.2rem 2rem; border:1px solid transparent; border-radius:99rem; font-size:1.45rem; font-weight:800; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.evalink-web__button:hover { transform:translateY(-.25rem); }
.evalink-web__button--primary { background:linear-gradient(135deg,#0a57d4,#347cfd); box-shadow:0 1.2rem 2.4rem rgba(10,87,212,.3); color:#fff; }
.evalink-web__button--primary:hover { box-shadow:0 1.6rem 3rem rgba(10,87,212,.42); }
.evalink-web__button--secondary { border-color:rgba(174,203,255,.35); background:rgba(255,255,255,.05); color:#e7f0ff; }
.evalink-web__pills { display:flex; flex-wrap:wrap; gap:.8rem; margin:2.6rem 0 0; padding:0; list-style:none; }
.evalink-web__pills li { padding:.7rem 1rem; border:1px solid rgba(174,203,255,.23); border-radius:99rem; color:#c7d9f7; font-size:1.15rem; font-weight:700; }
.evalink-web__browser { overflow:hidden; border:1px solid rgba(151,190,255,.35); border-radius:2.1rem; background:#f5f8ff; box-shadow:0 3rem 7rem rgba(0,0,0,.28); color:#0d2043; transform:perspective(130rem) rotateY(-5deg) rotateX(2deg); }
.evalink-web__browser-top { display:flex; align-items:center; gap:.65rem; min-height:4.5rem; padding:0 1.5rem; background:#dae7ff; }
.evalink-web__browser-top span { width:.85rem; height:.85rem; border-radius:50%; background:#9db5e5; }
.evalink-web__browser-top span:first-child { background:#f4b400; }.evalink-web__browser-top b { margin-left:.7rem; color:#526b96; font-size:1.05rem; font-weight:750; }
.evalink-web__browser-body { position:relative; min-height:38rem; padding:3rem; background:linear-gradient(135deg,#fff 0%,#f0f6ff 100%); }
.evalink-web__site-logo { color:#0a57d4; font-size:1.5rem; font-weight:850; }.evalink-web__site-lines { display:grid; gap:.9rem; width:55%; margin-top:5rem; }.evalink-web__site-lines span { height:.85rem; border-radius:99rem; background:#dbe8fb; }.evalink-web__site-lines span:nth-child(2){width:80%;}.evalink-web__site-lines span:nth-child(3){width:56%;}
.evalink-web__widget-preview { position:absolute; right:2.3rem; bottom:2.3rem; width:min(28rem,calc(100% - 4.6rem)); padding:2.1rem; border:1px solid #b8d2ff; border-radius:1.5rem; background:#fff; box-shadow:0 1.6rem 3.5rem rgba(19,65,134,.18); }
.evalink-web__stars { color:#f4b400; font-size:1.48rem; letter-spacing:.12em; }.evalink-web__widget-preview strong { display:block; margin-top:.85rem; color:#0a1836; font-size:1.8rem; }.evalink-web__widget-preview p { margin:.55rem 0 1.3rem; color:#607291; font-size:1.2rem; line-height:1.45; }
.evalink-web__widget-button,.evalink-web__review-card button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:1.15rem 1.3rem; border:0; border-radius:.9rem; background:#0a57d4; color:#fff; font:inherit; font-size:1.2rem; font-weight:800; }.evalink-web__widget-preview small { display:block; margin-top:1.1rem; color:#7990b4; font-size:.95rem; text-align:center; }
.evalink-web__intro { max-width:86rem; margin:0 auto clamp(8rem,14vw,16rem); text-align:center; }.evalink-web__intro h2,.evalink-web__section-heading h2,.evalink-web__use-cases h2,.evalink-web__how h2,.evalink-web__closing h2 { margin:0; font-size:clamp(3.25rem,5vw,6rem); font-weight:850; letter-spacing:-.06em; line-height:1.05; }.evalink-web__intro>p:last-child { max-width:72rem; margin:2.3rem auto 0; color:#c5d5ef; font-size:clamp(1.7rem,2vw,2rem); line-height:1.65; }
.evalink-web__examples { margin-bottom:clamp(8rem,13vw,15rem); }.evalink-web__section-heading { max-width:76rem; margin:0 auto 4.5rem; text-align:center; }.evalink-web__example-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.8rem; }
.evalink-web__example-card { min-height:100%; padding:2.25rem; border:1px solid rgba(143,182,250,.22); border-radius:1.8rem; background:rgba(16,42,87,.72); box-shadow:0 1.7rem 3.5rem rgba(0,0,0,.11); transition:transform .24s ease,border-color .24s ease; }.evalink-web__example-card:hover { border-color:rgba(110,165,255,.62); transform:translateY(-.45rem); }.evalink-web__example-card--featured { border-color:rgba(244,180,0,.5); background:linear-gradient(150deg,rgba(22,55,111,.95),rgba(12,34,75,.95)); }.evalink-web__example-head { display:flex; align-items:center; gap:.8rem; color:#bed2f7; font-size:1.15rem; font-weight:750; }.evalink-web__example-number { display:grid; width:2.7rem; height:2.7rem; place-items:center; border-radius:.8rem; background:#0e62ed; color:#fff; font-size:1.05rem; }
.evalink-web__mini-site,.evalink-web__review-card,.evalink-web__mini-banner { min-height:17rem; margin:2rem 0 2.2rem; padding:1.7rem; border-radius:1.2rem; background:#f8fbff; color:#0a1836; }.evalink-web__mini-site { position:relative; padding-top:3rem; }.evalink-web__mini-site__line { display:block; width:72%; height:.7rem; margin-bottom:.85rem; border-radius:99rem; background:#d5e3fa; }.evalink-web__mini-site__line.short { width:49%; }.evalink-web__mini-site button { position:absolute; right:1.5rem; bottom:1.5rem; padding:1rem 1.15rem; border:0; border-radius:.85rem; background:#0a57d4; color:#fff; font:inherit; font-size:1.05rem; font-weight:800; }.evalink-web__mini-site button b { margin-left:.7rem; }
.evalink-web__review-card { padding:1.7rem; }.evalink-web__review-card>div:first-child { display:flex; align-items:center; gap:.8rem; }.evalink-web__review-icon { display:grid; width:2.8rem; height:2.8rem; place-items:center; border-radius:.8rem; background:#0a57d4; color:#f4b400; }.evalink-web__review-card p { color:#5d7195; font-size:1.15rem; line-height:1.48; }.evalink-web__review-card .evalink-web__stars { margin:1rem 0; font-size:1.25rem; }.evalink-web__mini-banner { display:flex; align-items:center; gap:1.2rem; min-height:auto; margin-top:5.3rem; background:linear-gradient(135deg,#eff6ff,#fff); box-shadow:0 1rem 2rem rgba(16,55,108,.12); }.evalink-web__mini-banner__icon { display:grid; flex:0 0 3rem; width:3rem; height:3rem; place-items:center; border-radius:.9rem; background:#f4b400; color:#17356e; }.evalink-web__mini-banner p { margin:0; font-size:1.08rem; line-height:1.4; }.evalink-web__mini-banner b { display:block; margin-top:.4rem; color:#0a57d4; }
.evalink-web__example-card h3 { margin:0 0 .8rem; font-size:2rem; font-weight:800; letter-spacing:-.03em; }.evalink-web__example-card>p { margin:0; color:#bcd0f2; font-size:1.48rem; line-height:1.62; }
.evalink-web__use-cases { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(4rem,8vw,11rem); align-items:start; margin-bottom:clamp(8rem,14vw,16rem); padding:clamp(3rem,6vw,6rem); border:1px solid rgba(142,181,247,.18); border-radius:2.4rem; background:rgba(3,15,37,.43); }.evalink-web__use-case-list { display:grid; gap:1.6rem; }.evalink-web__use-case-list article { display:flex; gap:1.35rem; padding-bottom:1.6rem; border-bottom:1px solid rgba(150,184,239,.16); }.evalink-web__use-case-list article:last-child { padding-bottom:0; border-bottom:0; }.evalink-web__use-case-list>article>span { display:grid; flex:0 0 3.1rem; width:3.1rem; height:3.1rem; place-items:center; border-radius:50%; background:#0e62ed; color:#fff; font-weight:900; }.evalink-web__use-case-list h3 { margin:0 0 .4rem; font-size:1.8rem; }.evalink-web__use-case-list p { margin:0; color:#bfd1ee; font-size:1.45rem; line-height:1.56; }
.evalink-web__how { margin-bottom:5rem; }.evalink-web__how ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; margin:0; padding:0; list-style:none; }.evalink-web__how li { position:relative; padding:2.1rem; border-top:1px solid rgba(153,188,243,.36); }.evalink-web__how li>span { display:block; margin-bottom:3.6rem; color:#f4b400; font-size:1.4rem; font-weight:850; }.evalink-web__how h3 { margin:0 0 .75rem; font-size:2rem; font-weight:800; }.evalink-web__how p { margin:0; color:#bfd1ee; font-size:1.45rem; line-height:1.62; }
.evalink-web__notice { display:flex; gap:1.3rem; max-width:90rem; margin:0 auto clamp(8rem,13vw,15rem); padding:2rem 2.3rem; border:1px solid rgba(244,180,0,.45); border-radius:1.5rem; background:rgba(91,64,0,.18); }.evalink-web__notice-icon { display:grid; flex:0 0 3rem; width:3rem; height:3rem; place-items:center; border:1px solid rgba(244,180,0,.6); border-radius:50%; color:#f4b400; font-family:serif; font-size:1.75rem; font-weight:800; }.evalink-web__notice strong { color:#fff3ce; font-size:1.65rem; }.evalink-web__notice p { margin:.45rem 0 0; color:#d9c991; font-size:1.45rem; line-height:1.58; }
.evalink-web__closing { max-width:94rem; margin:0 auto; padding:clamp(3rem,6vw,6.5rem); border:1px solid rgba(149,190,255,.28); border-radius:2.4rem; background:radial-gradient(circle at 10% 85%,rgba(10,87,212,.35),transparent 22rem),linear-gradient(135deg,#122f64,#0a1f47); text-align:center; box-shadow:0 2.2rem 5rem rgba(0,0,0,.18); }.evalink-web__closing>p:not(.evalink-web__section-label) { max-width:65rem; margin:2rem auto 2.7rem; color:#c8daf7; font-size:clamp(1.55rem,2vw,1.9rem); line-height:1.62; }
@media screen and (max-width:989px){.evalink-web__hero,.evalink-web__use-cases{grid-template-columns:1fr}.evalink-web__hero{gap:4rem}.evalink-web__browser{max-width:58rem;margin:0 auto;transform:none}.evalink-web__example-grid,.evalink-web__how ol{grid-template-columns:1fr}.evalink-web__how li>span{margin-bottom:1.6rem}.evalink-web__how li{border:1px solid rgba(153,188,243,.2);border-radius:1.4rem}.evalink-web__use-cases{gap:3rem}.evalink-web__example-card{padding:2rem;}}
@media screen and (max-width:749px){.evalink-web__grid{background-size:2.5rem 2.5rem}.evalink-web__inner{padding-top:4.5rem}.evalink-web__hero h1{font-size:clamp(3.8rem,12vw,5.3rem)}.evalink-web__lead{font-size:1.65rem}.evalink-web__actions{display:grid}.evalink-web__button{width:100%}.evalink-web__browser-body{min-height:32rem;padding:2rem}.evalink-web__widget-preview{right:1.5rem;bottom:1.5rem;width:calc(100% - 3rem);padding:1.65rem}.evalink-web__intro,.evalink-web__examples,.evalink-web__use-cases{margin-bottom:7rem}.evalink-web__section-heading{margin-bottom:3rem}.evalink-web__intro h2,.evalink-web__section-heading h2,.evalink-web__use-cases h2,.evalink-web__how h2,.evalink-web__closing h2{font-size:clamp(3rem,10vw,4.25rem)}.evalink-web__use-cases,.evalink-web__closing{padding:2.3rem 1.7rem;border-radius:1.7rem}.evalink-web__notice{padding:1.7rem;}.evalink-web__notice p{font-size:1.35rem}}


/* Réalisations Évalink Web */
.evalink-web__showcase { margin-bottom:clamp(8rem,13vw,15rem); }
.evalink-web__showcase-intro { max-width:61rem; margin:1.8rem auto 0; color:#c5d5ef; font-size:1.65rem; line-height:1.58; }
.evalink-web__showcase-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(24rem,.65fr); gap:1.8rem; max-width:108rem; margin:0 auto; }
.evalink-web__client-card { display:grid; grid-template-columns:minmax(24rem,.95fr) minmax(22rem,1.05fr); overflow:hidden; border:1px solid rgba(139,181,255,.27); border-radius:2rem; background:linear-gradient(140deg,rgba(20,55,111,.92),rgba(8,27,61,.94)); box-shadow:0 2rem 4.4rem rgba(0,0,0,.16); }
.evalink-web__client-preview { min-height:31rem; padding:1.8rem; background:radial-gradient(circle at 50% 100%,rgba(244,180,0,.16),transparent 14rem),#e9f2ff; color:#112a55; }
.evalink-web__client-browser { display:flex; align-items:center; gap:.48rem; height:3.5rem; padding:0 1rem; border-radius:.8rem .8rem 0 0; background:#d1e1fa; }
.evalink-web__client-browser span { width:.68rem; height:.68rem; border-radius:50%; background:#829dc7; }.evalink-web__client-browser span:first-child{background:#f4b400}.evalink-web__client-browser b{margin-left:.5rem;color:#526b96;font-size:.92rem}
.evalink-web__client-body { position:relative; min-height:23.5rem; padding:2.3rem 2rem; border-radius:0 0 .9rem .9rem; background:linear-gradient(145deg,#fff,#edf5ff); box-shadow:0 1.3rem 2.5rem rgba(35,78,139,.16); }
.evalink-web__client-brand { color:#47613b; font-size:1.35rem; font-weight:850; letter-spacing:.09em; }
.evalink-web__client-lines { display:grid; gap:.75rem; width:56%; margin-top:3rem; }.evalink-web__client-lines i { display:block; height:.65rem; border-radius:99rem; background:#dbe7f8; }.evalink-web__client-lines i:nth-child(2){width:78%}.evalink-web__client-lines i:nth-child(3){width:52%}
.evalink-web__client-widget { position:absolute; right:1.3rem; bottom:1.5rem; display:grid; gap:.65rem; width:min(18rem,calc(100% - 3rem)); padding:1.25rem; border:1px solid #b4cef9; border-radius:1rem; background:#fff; box-shadow:0 1rem 2rem rgba(15,56,118,.14); }.evalink-web__client-widget span{color:#f4b400;font-size:1.05rem;letter-spacing:.08em}.evalink-web__client-widget b{font-size:1.15rem}.evalink-web__client-widget em{color:#0a57d4;font-size:1rem;font-style:normal;font-weight:800}
.evalink-web__client-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(2.4rem,4vw,4rem); }.evalink-web__client-type{margin:0 0 .9rem;color:#9ec2ff;font-size:1.05rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.evalink-web__client-copy h3{margin:0 0 1.2rem;font-size:clamp(2.5rem,3vw,3.6rem);font-weight:850;letter-spacing:-.05em;line-height:1.04}.evalink-web__client-copy>p:not(.evalink-web__client-type){margin:0;color:#c0d2ee;font-size:1.55rem;line-height:1.6}.evalink-web__client-copy a{display:inline-flex;gap:.75rem;margin-top:2.1rem;color:#fff;font-size:1.4rem;font-weight:800;text-decoration:none}.evalink-web__client-copy a span{color:#f4b400}.evalink-web__client-card--next{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.4rem,4vw,4rem);background:rgba(15,42,88,.62)}.evalink-web__next-icon{display:grid;width:4.4rem;height:4.4rem;margin-bottom:2.8rem;place-items:center;border:1px solid rgba(153,191,255,.35);border-radius:1.2rem;background:rgba(10,87,212,.18);color:#f4b400;font-size:2.5rem;font-weight:300}
@media screen and (max-width:989px){.evalink-web__showcase-grid{grid-template-columns:1fr}.evalink-web__client-card--next{min-height:28rem}}
@media screen and (max-width:749px){.evalink-web__client-card{grid-template-columns:1fr;border-radius:1.55rem}.evalink-web__client-preview{min-height:27rem}.evalink-web__client-copy{padding:2.2rem}.evalink-web__showcase-intro{font-size:1.5rem}.evalink-web__client-copy h3{font-size:2.7rem}}


/* Démonstration interactive : les trois widgets réellement personnalisables */
.evalink-web__live-demo { margin-bottom:clamp(8rem,13vw,15rem); }
.evalink-web-demo { display:grid; grid-template-columns:minmax(25rem,.72fr) minmax(0,1.28fr); gap:2rem; align-items:stretch; max-width:112rem; margin:0 auto; }
.evalink-web-demo__controls { display:flex; flex-direction:column; gap:2.3rem; padding:2.6rem; border:1px solid rgba(141,183,255,.25); border-radius:1.8rem; background:linear-gradient(150deg,rgba(17,49,100,.96),rgba(8,28,62,.97)); box-shadow:0 1.8rem 3.8rem rgba(0,0,0,.15); }
.evalink-web-demo fieldset { margin:0; padding:0; border:0; }.evalink-web-demo legend,.evalink-web-demo__label { display:block; margin-bottom:1rem; color:#dce9ff; font-size:1.25rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.evalink-web-demo__choices { display:flex; flex-wrap:wrap; gap:.75rem; }.evalink-web-demo__choices button { display:inline-flex; align-items:center; gap:.6rem; padding:.8rem .95rem; border:1px solid rgba(158,196,255,.25); border-radius:.8rem; background:rgba(255,255,255,.045); color:#bcd1f3; cursor:pointer; font:inherit; font-size:1.2rem; font-weight:750; transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease; }.evalink-web-demo__choices button:hover,.evalink-web-demo__choices button.is-active { border-color:#5c9cff; background:rgba(13,91,221,.25); color:#fff; transform:translateY(-.12rem); }
.evalink-web-demo__swatch { width:1rem; height:1rem; border-radius:50%; box-shadow:0 0 0 .2rem rgba(255,255,255,.08); }.evalink-web-demo__swatch--blue{background:#0a57d4}.evalink-web-demo__swatch--gold{background:#d89600}.evalink-web-demo__swatch--night{background:#111827}
.evalink-web-demo__label select { display:block; width:100%; margin-top:.85rem; padding:1.1rem 1.2rem; border:1px solid rgba(156,195,255,.3); border-radius:.85rem; outline:0; background:#0a2046; color:#fff; font:inherit; font-size:1.38rem; }.evalink-web-demo__hint { margin:auto 0 0; color:#aac2e7; font-size:1.25rem; line-height:1.55; }
.evalink-web-demo__site { overflow:hidden; border:1px solid rgba(151,190,255,.38); border-radius:1.8rem; background:#fff; box-shadow:0 2.3rem 5rem rgba(0,0,0,.2); color:#10264c; transition:box-shadow .25s ease; --evalink-demo-primary:#0a57d4; --evalink-demo-secondary:#347cfd; --evalink-demo-star:#f4b400; }.evalink-web-demo__site[data-evalink-color-scheme="gold"]{--evalink-demo-primary:#b57900;--evalink-demo-secondary:#e2a917;--evalink-demo-star:#be8000}.evalink-web-demo__site[data-evalink-color-scheme="night"]{--evalink-demo-primary:#172554;--evalink-demo-secondary:#293c75;--evalink-demo-star:#f1c24c}
.evalink-web-demo__sitebar { display:flex; align-items:center; gap:1.6rem; min-height:5.1rem; padding:0 2rem; background:#f4f7fb; color:#5a6b88; font-size:1.1rem; font-weight:700; }.evalink-web-demo__sitebrand { margin-right:auto; color:var(--evalink-demo-primary); font-size:1.38rem; font-weight:850; }
.evalink-web-demo__sitecontent { min-height:36rem; padding:clamp(2.4rem,5vw,5rem); background:linear-gradient(145deg,#fff 0%,#f3f7fd 100%); }.evalink-web-demo__siteeyebrow { margin:0 0 1rem; color:var(--evalink-demo-primary); font-size:1.05rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.evalink-web-demo__sitecontent h3 { max-width:49rem; margin:0; color:#0d2145; font-size:clamp(2.5rem,4vw,4.3rem); font-weight:850; letter-spacing:-.055em; line-height:1.04; }.evalink-web-demo__sitecontent>p:not(.evalink-web-demo__siteeyebrow) { max-width:48rem; margin:1.3rem 0 0; color:#607291; font-size:1.55rem; line-height:1.62; }.evalink-web-demo__widget-slot { display:flex; justify-content:flex-end; min-height:11rem; margin-top:3.3rem; }
.evalink-live-widget { text-decoration:none; }.evalink-live-widget__star { display:grid; flex:0 0 2.7rem; width:2.7rem; height:2.7rem; place-items:center; border-radius:.8rem; background:var(--evalink-demo-primary); color:var(--evalink-demo-star); }
.evalink-live-widget--button { display:inline-flex; align-items:center; gap:.75rem; align-self:flex-end; padding:1.25rem 1.4rem; border-radius:.95rem; background:linear-gradient(135deg,var(--evalink-demo-primary),var(--evalink-demo-secondary)); box-shadow:0 1rem 2rem color-mix(in srgb,var(--evalink-demo-primary) 28%,transparent); color:#fff; font-size:1.32rem; font-weight:800; }.evalink-live-widget--button .evalink-live-widget__star{width:2rem;height:2rem;background:rgba(255,255,255,.16);color:#fff;font-size:1.05rem}
.evalink-live-widget--card { align-self:flex-end; width:min(34rem,100%); padding:1.55rem; border:1px solid color-mix(in srgb,var(--evalink-demo-primary) 24%,#fff); border-radius:1.2rem; background:#fff; box-shadow:0 1.4rem 3rem rgba(15,55,111,.18); }.evalink-live-widget__card-top{display:flex;gap:.85rem;align-items:center}.evalink-live-widget__card-top strong{display:block;color:#10264c;font-size:1.55rem}.evalink-live-widget__card-top p{margin:.2rem 0 0;color:#6b7d99;font-size:1.1rem}.evalink-live-widget__rating{margin:1.25rem 0;color:var(--evalink-demo-star);letter-spacing:.08em}.evalink-live-widget--card a{display:flex;justify-content:space-between;padding:1.05rem 1.15rem;border-radius:.8rem;background:var(--evalink-demo-primary);color:#fff;font-size:1.2rem;font-weight:800;text-decoration:none}
.evalink-live-widget--banner { display:flex; align-items:center; gap:1rem; align-self:center; width:100%; padding:1.25rem 1.45rem; border:1px solid color-mix(in srgb,var(--evalink-demo-primary) 20%,#fff); border-radius:1.1rem; background:#fff; box-shadow:0 1rem 2.4rem rgba(15,55,111,.14); color:#10264c; }.evalink-live-widget--banner>span:nth-child(2){display:grid;gap:.25rem}.evalink-live-widget--banner b{font-size:1.2rem}.evalink-live-widget--banner small{color:var(--evalink-demo-primary);font-size:1.05rem;font-weight:800}.evalink-live-widget--banner em{margin-left:auto;color:var(--evalink-demo-primary);font-size:1.08rem;font-style:normal;font-weight:800;white-space:nowrap}
.evalink-web-demo__sitefooter { padding:1.35rem 2rem; background:#f4f7fb; color:#7b8ba5; font-size:1.05rem; }.evalink-web-demo__note { max-width:90rem; margin:1.8rem auto 0; color:#a8bee0; font-size:1.3rem; text-align:center; }
@media screen and (max-width:989px){.evalink-web-demo{grid-template-columns:1fr}.evalink-web-demo__controls{gap:1.8rem}.evalink-web-demo__sitecontent{min-height:31rem}}
@media screen and (max-width:749px){.evalink-web-demo__controls{padding:1.8rem;border-radius:1.4rem}.evalink-web-demo__choices button{font-size:1.1rem}.evalink-web-demo__sitebar{gap:.85rem;padding:0 1.2rem}.evalink-web-demo__sitebar>span:not(.evalink-web-demo__sitebrand){display:none}.evalink-web-demo__sitecontent{padding:2.1rem 1.5rem;min-height:33rem}.evalink-web-demo__sitecontent h3{font-size:2.75rem}.evalink-web-demo__widget-slot{margin-top:2.2rem}.evalink-live-widget--banner{align-items:flex-start;padding:1rem}.evalink-live-widget--banner em{display:none}.evalink-web-demo__sitefooter{padding:1.2rem;font-size:.95rem}}


/* Un seul widget de démonstration visible à la fois. */
.evalink-web-demo [data-evalink-widget][hidden] {
  display: none !important;
}

.evalink-web-demo__widget-slot {
  align-items: flex-end;
}

.evalink-live-widget--button {
  max-width: 100%;
  white-space: nowrap;
}

.evalink-live-widget--banner {
  min-height: 7.8rem;
}

.evalink-live-widget--banner > span:nth-child(2) {
  min-width: 0;
}

@media screen and (max-width: 749px) {
  .evalink-live-widget--button {
    width: 100%;
    justify-content: space-between;
  }

  .evalink-live-widget--banner b {
    font-size: 1.12rem;
  }

  .evalink-live-widget--banner small {
    font-size: 1rem;
  }
}

/* Illustration Évalink Web : mouvement doux, sans gêner la lecture */
.evalink-web__browser {
  transform:perspective(130rem) rotateY(-5deg) rotateX(2deg) translateY(0);
  transform-origin:center;
  animation:evalink-web-browser-float 5.1s ease-in-out infinite;
  will-change:transform;
}
@keyframes evalink-web-browser-float {
  0%,100% { transform:perspective(130rem) rotateY(-5deg) rotateX(2deg) translateY(0); }
  50% { transform:perspective(130rem) rotateY(-5deg) rotateX(2deg) translateY(-2rem); }
}
/* Le thème or conserve une étoile très lisible */
.evalink-web-demo__site[data-evalink-color-scheme="gold"] .evalink-live-widget__star {
  background:#fff !important;
  color:#9a6500 !important;
  box-shadow:0 .45rem 1rem rgba(125,81,0,.18) !important;
}
@media screen and (max-width:749px) {
  .evalink-web__browser { animation-duration:5.8s; }
}


/* Évalink Web — réglages personnalisés et animation des aperçus */
.evalink-web-demo__custom-color {
  display:grid;
  gap:.8rem;
  margin-top:1.35rem;
  color:#dce9ff;
  font-size:1.12rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.evalink-web-demo__custom-color > span { display:flex; align-items:center; gap:.8rem; }
.evalink-web-demo__custom-color input[type="color"] { width:4.5rem; height:3.9rem; padding:.35rem; border:1px solid rgba(147,190,255,.45); border-radius:.85rem; background:#fff; cursor:pointer; }
.evalink-web-demo__custom-color input[type="text"],
.evalink-web-demo__label input {
  width:100%;
  min-height:4.2rem;
  padding:1rem 1.15rem;
  border:1px solid rgba(147,190,255,.45);
  border-radius:.85rem;
  background:#fff;
  color:#10264c;
  font:inherit;
  font-weight:750;
  letter-spacing:normal;
  text-transform:none;
}
.evalink-web-demo__custom-color input[type="text"] { max-width:13rem; }
.evalink-web-demo__label small { display:block; margin-top:.75rem; color:#aac2e7; font-size:1.08rem; font-weight:600; letter-spacing:normal; line-height:1.5; text-transform:none; }
.evalink-web-demo__site[data-evalink-color-scheme="custom"] .evalink-live-widget__star {
  background:var(--evalink-demo-star-background) !important;
  color:var(--evalink-demo-star) !important;
}
.evalink-live-widget { animation:evalink-widget-float 4.2s ease-in-out infinite; will-change:transform; }
.evalink-live-widget--card { animation-duration:5s; }
.evalink-live-widget--banner { animation-duration:4.6s; }
@keyframes evalink-widget-float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-.85rem); }
}
.evalink-live-widget--button:hover,
.evalink-live-widget--card:hover,
.evalink-live-widget--banner:hover { animation-play-state:paused; }
.evalink-live-widget-wrap { display:inline-flex; flex-direction:column; align-items:center; max-width:100%; }
.evalink-live-widget-wrap--button,.evalink-live-widget-wrap--card { align-self:flex-end; }
.evalink-live-widget-wrap--card { width:min(34rem,100%); }
.evalink-live-widget-wrap--card .evalink-live-widget--card { width:100%; }
.evalink-live-widget-wrap--banner { align-self:center; width:100%; }
.evalink-live-widget__powered { margin:.75rem 0 0; color:#7185a8; font-size:.95rem; font-weight:650; line-height:1.3; text-align:center; }
.evalink-live-widget__powered a { color:var(--evalink-demo-primary); font-weight:850; text-decoration:none; }
.evalink-live-widget__powered a:hover,.evalink-live-widget__powered a:focus-visible { color:var(--evalink-demo-secondary); text-decoration:underline; }
.evalink-live-widget__powered a:focus-visible { outline:.2rem solid #7aa7ff; outline-offset:.25rem; }
@media screen and (max-width:749px) {
  .evalink-web-demo__custom-color input[type="text"] { max-width:none; }
  .evalink-live-widget-wrap--button { width:100%; }
  .evalink-live-widget-wrap--button .evalink-live-widget--button { width:100%; }
}

/* Évalink Web 2026 — offre recentrée sur le bandeau contextuel */
.evalink-web--contextual .evalink-web__browser-body--contextual {
  display:flex;
  flex-direction:column;
}

.evalink-context-banner {
  --evalink-context-primary:var(--evalink-demo-primary,#0a57d4);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1.25rem;
  width:100%;
  padding:1.25rem 1.35rem;
  border:1px solid rgba(26,63,120,.13);
  border-radius:1.65rem;
  background:rgba(255,255,255,.98);
  box-shadow:0 1.35rem 3rem rgba(16,46,92,.15);
  color:#152342;
  text-decoration:none;
}

.evalink-context-banner__google {
  display:grid;
  width:4.5rem;
  height:4.5rem;
  place-items:center;
  border:1px solid #dfe6ef;
  border-radius:1.15rem;
  background:#fff;
  box-shadow:0 .55rem 1.3rem rgba(22,53,96,.1);
}

.evalink-context-banner__google i {
  background:conic-gradient(from -35deg,#4285f4 0 26%,#34a853 26% 48%,#fbbc05 48% 70%,#ea4335 70% 84%,#4285f4 84% 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-family:Arial,sans-serif;
  font-size:2.35rem;
  font-style:normal;
  font-weight:900;
}

.evalink-context-banner__copy {
  display:grid;
  min-width:0;
  gap:.22rem;
  line-height:1.2;
}

.evalink-context-banner__copy small {
  overflow:hidden;
  color:#71809a;
  font-size:1.15rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.evalink-context-banner__copy strong {
  overflow:hidden;
  color:#101a30;
  font-size:1.55rem;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.evalink-context-banner__cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:4.4rem;
  padding:1rem 1.6rem;
  border-radius:1.15rem;
  background:linear-gradient(135deg,var(--evalink-context-primary),var(--evalink-demo-secondary,#347cfd));
  box-shadow:0 .9rem 1.8rem rgba(10,87,212,.2);
  color:#fff;
  font-size:1.25rem;
  font-weight:850;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
}

.evalink-context-banner--hero {
  margin-top:auto;
  animation:evalink-context-float 4.8s ease-in-out infinite;
}

@keyframes evalink-context-float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-.85rem); }
}

.evalink-web__context-benefits {
  margin-bottom:clamp(8rem,13vw,15rem);
}

.evalink-web__context-benefit-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.6rem;
}

.evalink-web__context-benefit-grid article {
  min-height:25rem;
  padding:2.5rem;
  border:1px solid rgba(143,182,250,.24);
  border-radius:1.8rem;
  background:linear-gradient(145deg,rgba(20,54,108,.9),rgba(8,28,64,.94));
  box-shadow:0 1.8rem 3.8rem rgba(0,0,0,.13);
}

.evalink-web__context-benefit-grid article>span {
  display:inline-grid;
  min-width:3.2rem;
  min-height:3.2rem;
  margin-bottom:3.5rem;
  place-items:center;
  border-radius:.85rem;
  background:#0e62ed;
  color:#fff;
  font-size:1.05rem;
  font-weight:850;
}

.evalink-web__context-benefit-grid h3 {
  margin:0 0 .9rem;
  font-size:2.15rem;
  font-weight:850;
  letter-spacing:-.035em;
}

.evalink-web__context-benefit-grid p {
  margin:0;
  color:#bfd1ee;
  font-size:1.48rem;
  line-height:1.62;
}

.evalink-web-demo--contextual .evalink-web-demo__controls {
  justify-content:flex-start;
}

.evalink-context-banner--demo {
  --evalink-context-primary:var(--evalink-demo-primary,#0a57d4);
  animation:evalink-context-float 4.8s ease-in-out infinite;
}

.evalink-web__real-example {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(28rem,.88fr);
  overflow:hidden;
  max-width:108rem;
  margin:0 auto;
  border:1px solid rgba(139,181,255,.28);
  border-radius:2.2rem;
  background:linear-gradient(140deg,rgba(20,55,111,.94),rgba(8,27,61,.96));
  box-shadow:0 2.2rem 5rem rgba(0,0,0,.18);
}

.evalink-web__real-example-preview {
  display:grid;
  min-height:36rem;
  padding:clamp(2.3rem,5vw,5rem);
  place-items:center;
  background:radial-gradient(circle at 50% 35%,rgba(10,87,212,.12),transparent 18rem),linear-gradient(145deg,#f8fbf8,#eef3ef);
}

.evalink-context-banner--cap {
  max-width:52rem;
  --evalink-context-primary:#1769e8;
  --evalink-demo-secondary:#2878ed;
}

.evalink-web__real-example-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(2.8rem,5vw,5rem);
}

.evalink-web__real-example-copy h3 {
  margin:0 0 1.3rem;
  font-size:clamp(3rem,4vw,4.6rem);
  font-weight:850;
  letter-spacing:-.055em;
}

.evalink-web__real-example-copy>p:not(.evalink-web__client-type) {
  margin:0;
  color:#c0d2ee;
  font-size:1.58rem;
  line-height:1.65;
}

.evalink-web__real-example-copy a {
  display:inline-flex;
  gap:.75rem;
  margin-top:2.3rem;
  color:#fff;
  font-size:1.42rem;
  font-weight:850;
  text-decoration:none;
}

.evalink-web__real-example-copy a span { color:#f4b400; }

@media screen and (max-width:989px) {
  .evalink-web__context-benefit-grid { grid-template-columns:1fr; }
  .evalink-web__context-benefit-grid article { min-height:0; }
  .evalink-web__context-benefit-grid article>span { margin-bottom:2rem; }
  .evalink-web__real-example { grid-template-columns:1fr; }
}

@media screen and (max-width:749px) {
  .evalink-context-banner {
    gap:.9rem;
    padding:1rem;
    border-radius:1.35rem;
  }
  .evalink-context-banner__google {
    width:3.8rem;
    height:3.8rem;
    border-radius:.95rem;
  }
  .evalink-context-banner__google i { font-size:2rem; }
  .evalink-context-banner__copy small { font-size:.98rem; }
  .evalink-context-banner__copy strong { font-size:1.25rem; }
  .evalink-context-banner__cta {
    min-height:3.8rem;
    padding:.85rem 1rem;
    border-radius:.95rem;
    font-size:1.08rem;
  }
  .evalink-web__context-benefit-grid article { padding:2rem; border-radius:1.5rem; }
  .evalink-web__real-example-preview { min-height:25rem; padding:2rem 1.4rem; }
  .evalink-web__real-example-copy { padding:2.5rem 2rem; }
}

@media screen and (max-width:420px) {
  .evalink-context-banner {
    grid-template-columns:auto minmax(0,1fr);
  }
  .evalink-context-banner__cta {
    grid-column:1 / -1;
    width:100%;
  }
}