/* ============================================================
   Arti·App — socle commun (tokens, polices, header, footer)
   Utilisé par la landing (/clone) et toutes les pages annexes.
   Échelle d'espacement : multiples de 8 px (4 px en demi-pas).
   Orange = réservé aux CTA (+ accent de marque du H1).
   ============================================================ */

/* ---- Polices self-hosted ---- */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/landing/manrope-400.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/landing/manrope-500.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/landing/manrope-600.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/landing/manrope-700.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/landing/manrope-800.woff2') format('woff2');}
@font-face{font-family:'InterArti';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/landing/inter-400.woff2') format('woff2');}
@font-face{font-family:'InterArti';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/landing/inter-500.woff2') format('woff2');}
@font-face{font-family:'InterArti';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/landing/inter-600.woff2') format('woff2');}
@font-face{font-family:'InterArti';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/landing/inter-700.woff2') format('woff2');}

/* ---- Design tokens ---- */
:root{
  --aa-navy:#12304A;
  --aa-orange:#FF8A00;
  --aa-orange-dark:#F07F00;
  --aa-yellow:#FFC107;
  --aa-slate:#37607F;
  --aa-beige:#EBD9C2;
  --aa-bg:#FFFFFF;
  --aa-muted:#52677d;
  --aa-link:#34506a;
  --aa-border:#e6ebf1;
  --aa-navy-07:rgba(18,48,74,.07);
  --aa-navy-16:rgba(18,48,74,.16);
  /* Échelle d'élévation — 3 couches teintées navy : contact + directionnelle + ambiante.
     Le flou et la portée progressent avec l'élévation, jamais de noir pur. */
  --aa-shadow-xs:0 1px 2px rgba(18,48,74,.05),0 2px 6px rgba(18,48,74,.04);
  --aa-shadow-sm:0 1px 2px rgba(18,48,74,.05),0 4px 12px -2px rgba(18,48,74,.06),0 12px 28px -8px rgba(18,48,74,.07);
  --aa-shadow-md:0 1px 3px rgba(18,48,74,.06),0 8px 20px -4px rgba(18,48,74,.08),0 24px 48px -12px rgba(18,48,74,.10);
  --aa-shadow-lg:0 2px 4px rgba(18,48,74,.06),0 12px 28px -6px rgba(18,48,74,.10),0 40px 80px -20px rgba(18,48,74,.16);
  --aa-ease:cubic-bezier(.22,1,.36,1);
  /* Grain discret (bruit SVG ~4 %) : matière commune des panneaux navy */
  --aa-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.05'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ---- Helpers communs ---- */
.aa-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.aa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'InterArti',system-ui,sans-serif;font-weight:700;font-size:.9375rem;line-height:1;border-radius:12px;padding:12px 24px;border:0;cursor:pointer;text-decoration:none;transition:transform .22s var(--aa-ease),box-shadow .22s var(--aa-ease),background .18s ease,color .18s ease;min-height:48px;}
.aa-btn:active{transform:translateY(0) scale(.97);transition-duration:.09s;}
.aa-btn:focus-visible{outline:2px solid var(--aa-orange);outline-offset:3px;}
.aa-btn-primary{background:var(--aa-orange);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(191,95,0,.25),0 8px 20px -4px rgba(255,138,0,.38);}
.aa-btn-primary:hover{background:var(--aa-orange-dark);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 4px rgba(191,95,0,.22),0 14px 30px -6px rgba(255,138,0,.46);}
.aa-btn-ghost{background:transparent;color:var(--aa-navy);padding:12px 16px;}
.aa-btn-ghost:hover{color:var(--aa-orange);background:rgba(255,138,0,.06);}
.aa-btn-navy{background:var(--aa-navy);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 1px 2px rgba(9,26,42,.30),0 8px 20px -4px rgba(18,48,74,.35);}
.aa-btn-navy:hover{background:#0d2438;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 4px rgba(9,26,42,.26),0 14px 30px -6px rgba(18,48,74,.42);}
.aa-btn-outline{background:#fff;color:var(--aa-navy);box-shadow:inset 0 0 0 1.5px var(--aa-navy-16),var(--aa-shadow-xs);}
.aa-btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--aa-navy),var(--aa-shadow-sm);transform:translateY(-1px);}

/* ---- Matière des panneaux navy : liseré haut éclairé, vignette douce, grain.
       position:relative + isolation pour que le ::before (z -1) reste au-dessus
       du fond mais sous le contenu ; les mascottes qui débordent ne sont pas rognées. ---- */
.aa-navy-panel{position:relative;isolation:isolate;}
.aa-navy-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:
    radial-gradient(120% 90% at 16% -4%, rgba(255,255,255,.10), transparent 55%),
    radial-gradient(150% 120% at 104% 104%, rgba(6,20,33,.50), transparent 62%),
    var(--aa-grain);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,255,255,.045);}

/* ---- Flottement ambiant des mascottes (désactivé si reduced-motion) ---- */
@media (prefers-reduced-motion: no-preference){
  .aa-float{animation:aa-float 6s ease-in-out infinite;}
  @keyframes aa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
}

/* ---- Focus clavier uniforme des pages marketing ---- */
:where(.aa-wrap,.aa-hdr,.aa-foot) :where(a,button):focus-visible{outline:2px solid var(--aa-orange);outline-offset:3px;border-radius:8px;}

/* ============================================================
   HEADER commun
   ============================================================ */
.aa-hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--aa-navy-07);}
.aa-hdr-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px;}
.aa-logo{display:flex;align-items:center;flex:0 0 auto;}
.aa-logo img{height:40px;width:auto;display:block;}
.aa-nav{display:none;align-items:center;gap:32px;}
.aa-nav a{position:relative;font-family:'InterArti',system-ui,sans-serif;font-size:.9375rem;font-weight:600;color:var(--aa-link);text-decoration:none;transition:color .15s ease;padding:8px 0;}
.aa-nav a:hover{color:var(--aa-navy);}
.aa-nav a.is-active{color:var(--aa-navy);font-weight:700;}
.aa-nav a.is-active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--aa-navy);}
.aa-hdr-cta{display:none;align-items:center;gap:8px;}
.aa-hdr-cta .aa-btn{padding:12px 20px;font-size:.9375rem;min-height:44px;}
.aa-hdr-dash{display:inline-flex;align-items:center;gap:8px;background:var(--aa-navy);color:#fff;font-family:'InterArti',system-ui,sans-serif;font-weight:700;font-size:.9375rem;text-decoration:none;border-radius:12px;padding:12px 20px;min-height:44px;transition:background .18s ease;}
.aa-hdr-dash:hover{background:#0d2438;}
/* La landing (clone) declare `#arti a{color:inherit}` (specificite avec ID) : on reprend la main. */
#arti .aa-hdr-dash{color:#fff;}
.aa-hdr-dash svg{width:16px;height:16px;}
.aa-hdr-logout{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font-family:'InterArti',system-ui,sans-serif;font-weight:600;font-size:.9375rem;color:var(--aa-link);padding:12px;min-height:44px;transition:color .15s ease;}
.aa-hdr-logout:hover{color:var(--aa-navy);}
.aa-hdr-logout svg{width:16px;height:16px;}
.aa-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;cursor:pointer;color:var(--aa-navy);border-radius:12px;}
.aa-burger:hover{background:var(--aa-navy-07);}
.aa-burger svg{width:28px;height:28px;}
/* Menu mobile : panneau overlay sous la barre — fondu + glissement, liens en léger stagger.
   visibility retardée à la fermeture pour rester focusable/cliquable uniquement ouvert. */
.aa-mobile{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--aa-border);padding:8px 24px 24px;box-shadow:0 18px 30px rgba(18,48,74,.14);max-height:calc(100vh - 72px);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .22s ease,transform .3s var(--aa-ease,cubic-bezier(.22,1,.36,1)),visibility 0s linear .3s;}
.aa-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .25s ease,transform .32s var(--aa-ease,cubic-bezier(.22,1,.36,1)),visibility 0s;}
.aa-mobile .aa-mob-link,.aa-mobile .aa-mob-cta{opacity:0;transform:translateY(-6px);transition:opacity .24s ease,transform .28s var(--aa-ease,cubic-bezier(.22,1,.36,1));}
.aa-mobile.is-open .aa-mob-link,.aa-mobile.is-open .aa-mob-cta{opacity:1;transform:none;}
.aa-mobile.is-open .aa-mob-link:nth-child(1){transition-delay:.04s;}
.aa-mobile.is-open .aa-mob-link:nth-child(2){transition-delay:.08s;}
.aa-mobile.is-open .aa-mob-link:nth-child(3){transition-delay:.12s;}
.aa-mobile.is-open .aa-mob-link:nth-child(4){transition-delay:.16s;}
.aa-mobile.is-open .aa-mob-link:nth-child(5){transition-delay:.2s;}
.aa-mobile.is-open .aa-mob-cta{transition-delay:.24s;}
@media (prefers-reduced-motion: reduce){
  .aa-mobile,.aa-mobile .aa-mob-link,.aa-mobile .aa-mob-cta{transition:none;}
}
.aa-mobile a.aa-mob-link{display:flex;align-items:center;min-height:48px;font-family:'InterArti',system-ui,sans-serif;font-size:1rem;font-weight:600;color:var(--aa-link);text-decoration:none;border-bottom:1px solid var(--aa-border);}
.aa-mobile a.aa-mob-link:last-of-type{border-bottom:0;}
.aa-mobile a.aa-mob-link.is-active{color:var(--aa-navy);font-weight:700;}
.aa-mob-cta{display:flex;flex-direction:column;gap:12px;margin-top:16px;}
.aa-mob-cta .aa-btn,.aa-mob-cta .aa-hdr-dash{width:100%;justify-content:center;}
.aa-mob-cta form{width:100%;}
.aa-mob-cta .aa-hdr-logout{width:100%;justify-content:center;}
@media(min-width:1024px){
  .aa-nav{display:flex;}
  .aa-hdr-cta{display:flex;}
  .aa-burger{display:none;}
  .aa-mobile{display:none !important;}
}

/* ============================================================
   FOOTER commun
   ============================================================ */
.aa-foot{background:var(--aa-navy);color:#fff;font-family:'InterArti',system-ui,sans-serif;}
.aa-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;padding:56px 0 32px;}
.aa-foot-brand{grid-column:1 / -1;max-width:320px;}
.aa-foot-brand img{height:32px;width:auto;display:block;margin-bottom:16px;}
.aa-foot-tagline{font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.72);margin:0 0 16px;}
.aa-foot-social{display:flex;gap:12px;}
.aa-foot-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;transition:background .15s ease,border-color .15s ease;}
.aa-foot-social a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);}
.aa-foot-social svg{width:18px;height:18px;}
.aa-foot-col h3{font-family:'Manrope',system-ui,sans-serif;font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px;}
.aa-foot-col a{display:flex;align-items:center;min-height:40px;font-size:.875rem;color:rgba(255,255,255,.72);text-decoration:none;transition:color .15s ease;}
.aa-foot-col a:hover{color:#fff;}
.aa-foot-bar{border-top:1px solid rgba(255,255,255,.14);padding:20px 0 24px;font-size:.8125rem;color:rgba(255,255,255,.6);}
.aa-foot-bar strong{color:#fff;font-weight:700;}
/* La landing (clone) scope ses titres sous #arti (h1..h6 en navy) : sans
   ce rappel, les intitulés de colonnes du footer sont navy sur navy. */
#arti .aa-foot-col h3{color:#fff;}
@media(min-width:768px){
  .aa-foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
  .aa-foot-brand{grid-column:auto;}
}

/* ============================================================
   CTA COMMUN de bas de page (partials/arti-cta) — bloc navy
   dense : mascotte ancrée au bord bas sur un glow orange, texte
   hiérarchisé, carte preuve sociale, hexagones en filigrane
   (motif identitaire du M). Mobile : empilement centré, la carte
   preuve devient le pied plein-bord du panneau.
   ============================================================ */
:root{
  --aa-hex:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115'><path d='M50 4 96 30.5v53L50 110 4 83.5v-53z' fill='none' stroke='rgba(255,255,255,0.07)' stroke-width='2.5'/></svg>");
}
.aa-cta-sec{padding:8px 0 56px;}
.aa-cta-sec--tight{padding-bottom:8px;}
.aa-cta-box{background:var(--aa-navy);border-radius:24px;box-shadow:var(--aa-shadow-lg);overflow:hidden;padding:28px 20px 0;}
.aa-cta-box::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background-image:var(--aa-hex),var(--aa-hex),var(--aa-hex);
  background-repeat:no-repeat;
  background-size:220px 253px,130px 150px,76px 87px;
  background-position:calc(100% + 64px) -74px,calc(100% - 392px) calc(100% + 48px),44px -26px;}
.aa-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:20px;text-align:center;}
.aa-cta-mascot{position:relative;display:flex;justify-content:center;align-items:flex-end;}
.aa-cta-mascot::before{content:'';position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:190px;height:190px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,138,0,.30),rgba(255,138,0,.10) 55%,transparent 74%);}
.aa-cta-mascot img{position:relative;display:block;height:176px;width:auto;}
.aa-cta-text h2{color:#fff;font-family:'Manrope',system-ui,sans-serif;font-weight:800;font-size:1.5rem;line-height:1.22;margin:0 0 10px;}
.aa-cta-text h2 em{font-style:normal;color:var(--aa-orange);}
.aa-cta-sub{color:rgba(255,255,255,.78);font-size:.9375rem;line-height:1.55;margin:0 0 20px;}
.aa-cta-actions{display:flex;flex-direction:column;gap:12px;}
.aa-cta-actions .aa-btn{width:100%;}
.aa-cta-ghost{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.38);}
.aa-cta-ghost:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px #fff;color:#fff;transform:translateY(-1px);}
.aa-cta-trust{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:16px;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.85);}
.aa-cta-trust span{display:inline-flex;align-items:center;gap:8px;}
.aa-cta-trust svg{width:16px;height:16px;color:var(--aa-yellow);flex:0 0 auto;}
/* Carte preuve sociale : pied plein-bord du panneau en mobile */
.aa-cta-proof{margin:8px -20px 0;padding:20px;border-top:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);
  display:flex;flex-direction:column;gap:12px;align-items:center;}
.aa-cta-score{display:flex;align-items:center;gap:10px;}
.aa-cta-score img{height:28px;width:auto;display:block;}
.aa-cta-score .n{color:#fff;font-weight:800;font-size:1.25rem;font-family:'Manrope',system-ui,sans-serif;}
.aa-cta-score .stars{color:var(--aa-yellow);letter-spacing:2px;font-size:1rem;}
.aa-cta-avatars{display:flex;}
.aa-cta-avatars span{width:36px;height:36px;border-radius:50%;border:2px solid var(--aa-navy);margin-left:-9px;
  display:inline-flex;align-items:center;justify-content:center;font-family:'Manrope',system-ui,sans-serif;font-weight:800;font-size:.75rem;color:#fff;}
.aa-cta-avatars span:first-child{margin-left:0;}
.aa-cta-count{color:rgba(255,255,255,.75);font-size:.8125rem;font-weight:600;margin:0;}
.aa-cta-count strong{color:#fff;}
/* La landing (clone) scope ses styles sous #arti (spécificité ID > classes) :
   on redéclare les couleurs du CTA sous le même poids (précédent .aa-hdr-dash). */
#arti .aa-cta-text h2{color:#fff;}
#arti .aa-cta-text h2 em{color:var(--aa-orange);}
#arti .aa-cta-sub{color:rgba(255,255,255,.78);}
#arti .aa-cta-box .aa-btn-primary{color:#fff;}
#arti .aa-cta-ghost{color:#fff;}
#arti .aa-cta-trust,#arti .aa-cta-trust span{color:rgba(255,255,255,.85);}
#arti .aa-cta-trust svg{color:var(--aa-yellow);}
#arti .aa-cta-score .n{color:#fff;}
#arti .aa-cta-score .stars{color:var(--aa-yellow);}
#arti .aa-cta-avatars span{color:#fff;}
#arti .aa-cta-count{color:rgba(255,255,255,.75);}
#arti .aa-cta-count strong{color:#fff;}
@media(min-width:1024px){
  .aa-cta-sec{padding:8px 0 64px;}
  .aa-cta-sec--tight{padding-bottom:8px;}
  .aa-cta-box{padding:32px 36px 0;}
  .aa-cta-grid{grid-template-columns:225px minmax(0,1fr) auto;gap:0 40px;text-align:left;align-items:center;}
  .aa-cta-mascot{align-self:end;}
  .aa-cta-mascot::before{width:280px;height:280px;bottom:-64px;}
  .aa-cta-mascot img{height:262px;}
  /* Bloc texte borné et centré dans la colonne 1fr : sur la landing
     (conteneur 1400px), l'espace libre se répartit des deux côtés au
     lieu de s'accumuler entre le texte et la carte d'avis. */
  .aa-cta-text{padding:0 0 32px;max-width:560px;margin-inline:auto;}
  .aa-cta-text h2{font-size:1.75rem;}
  .aa-cta-actions{flex-direction:row;}
  .aa-cta-actions .aa-btn{width:auto;}
  .aa-cta-trust{flex-direction:row;gap:8px 20px;margin-top:18px;}
  .aa-cta-proof{margin:0 0 32px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.06);padding:22px 24px;min-width:224px;}
}

/* ============================================================
   BAS DE PAGE MOBILE (<768) — CTA + footer = deux cartes jumelles
   Même aplat navy exactement (la vignette du panneau assombrissait
   le CTA face au footer plat : on ne garde que le grain), mêmes
   coins arrondis, même retrait latéral, séparées par un espace ;
   le footer se termine sur le fond de page au lieu de filer
   jusqu'au bas de l'écran.
   ============================================================ */
@media(max-width:767.98px){
  .aa-cta-box::before,
  .m-cta::before,.tm-cta::before,.fm-cta::before,.bm-cta::before{
    background:var(--aa-grain);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  }
  /* CTA commun (contact, démo, article, pages légales) : même
     retrait de 12 px que les CTA mobiles dédiés des autres pages. */
  .aa-cta-sec{padding:8px 0 0;}
  .aa-cta-sec > .aa-wrap{padding:0 12px;}
  .aa-cta-box{border-radius:20px;}
  /* Footer : carte jumelle du CTA */
  .aa-foot{position:relative;isolation:isolate;margin:14px 12px 22px;border-radius:20px;}
  .aa-foot::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
    background:var(--aa-grain);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
  .aa-foot .aa-wrap{padding:0 18px;}
  .aa-foot-grid{padding:26px 0 20px;gap:26px 16px;}
  .aa-foot-bar{padding:16px 0 22px;}
}

/* ============================================================
   MOTION — pages annexes (gsap + ScrollTrigger + Lenis)
   Les éléments marqués data-anim ne sont masqués que si JS est
   disponible ET prefers-reduced-motion non demandé (html.anim).
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  html.anim [data-anim="up"]{opacity:0;}
  html.anim [data-anim="hero"] > *{opacity:0;}
}

/* ============================================================
   MOTION — dashboard (layouts/app)
   .aa-stage = conteneur de page : ses enfants apparaissent en
   fondu + montée via public/js/app-animations.js (GSAP).
   html.aa-anim est posé dans <head> ; html.aa-ready est posé par
   app-animations.js dès qu'il s'exécute — si le script ne charge
   pas, le filet aaStageSafety rend tout visible après 1,2 s.
   .aa-mascot-in (pur CSS) rejoue le fondu à chaque réaffichage
   (x-show des onglets Paramètres) sans dépendre de GSAP.
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  html.aa-anim:not(.aa-ready) .aa-stage > *{
    opacity:0;
    animation:aaStageSafety .5s ease 1.2s forwards;
  }
  .aa-mascot-in{animation:aaMascotIn .6s var(--aa-ease,cubic-bezier(.22,1,.36,1)) .12s both;}
}
@keyframes aaStageSafety{to{opacity:1;}}
@keyframes aaMascotIn{from{opacity:0;}to{opacity:1;}}