/* ========================================================================== 
   Need Kala — Newsletter Precision Surface
   Final homepage-only layer; intentionally loaded after responsive/dark layers.
   ========================================================================== */
body.papillon-front-screen .papillon-home-vitrine .home-newsletter{
  position:relative!important;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,54px)!important;
  padding:clamp(30px,4vw,48px)!important;
  overflow:hidden;
  border:1px solid #d7e1e2!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 8% 16%,rgba(14,98,102,.08),transparent 28%),
    radial-gradient(circle at 92% 84%,rgba(174,143,92,.08),transparent 25%),
    linear-gradient(135deg,#f2f8f8 0%,#fff 58%,#fbf7ef 100%)!important;
  box-shadow:0 22px 58px rgba(9,82,106,.085)!important;
}
body.papillon-front-screen .papillon-home-vitrine .home-newsletter::after{
  position:absolute;
  inset-block-start:-92px;
  inset-inline-start:-76px;
  z-index:-1;
  width:220px;
  height:220px;
  border:34px solid rgba(255,255,255,.62);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-copy{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:start!important;
  gap:16px!important;
  min-width:0;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-mark{
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid rgba(14,98,102,.12);
  border-radius:17px;
  background:rgba(255,255,255,.78);
  color:var(--pap-purple);
  box-shadow:0 10px 26px rgba(9,82,106,.08);
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-mark .papillon-icon{width:24px;height:24px;}
body.papillon-front-screen .papillon-home-vitrine .newsletter-copy-text{min-width:0;}
body.papillon-front-screen .papillon-home-vitrine .newsletter-copy .eyebrow{margin:1px 0 6px!important;}
body.papillon-front-screen .papillon-home-vitrine .home-newsletter h2{
  margin:0!important;
  color:var(--pap-ink)!important;
  font-size:clamp(24px,2.3vw,34px)!important;
  line-height:1.62!important;
  letter-spacing:-.025em;
}
body.papillon-front-screen .papillon-home-vitrine .home-newsletter h2 b{color:var(--pap-purple)!important;}
body.papillon-front-screen .papillon-home-vitrine .newsletter-lead{
  max-width:570px;
  margin:12px 0 0;
  color:var(--pap-muted);
  font-size:11.5px;
  line-height:2;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-notice{margin:12px 0 0!important;}

body.papillon-front-screen .papillon-home-vitrine .newsletter-form{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:10px!important;
  width:100%!important;
  padding:16px!important;
  border:1px solid #d4dfe1!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 16px 38px rgba(9,82,106,.075)!important;
  backdrop-filter:blur(12px);
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-field{display:grid;gap:7px;min-width:0;}
body.papillon-front-screen .papillon-home-vitrine .newsletter-field>label{
  padding-inline:2px;
  color:var(--pap-ink-2);
  font-size:11.5px;
  font-weight:800;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  min-width:0;
  min-height:48px;
  border:1px solid #cbd8da;
  border-radius:13px;
  background:var(--pap-panel);
  transition:border-color var(--pap-motion-fast) var(--pap-ease),box-shadow var(--pap-motion-fast) var(--pap-ease),background-color var(--pap-motion-fast) var(--pap-ease);
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell:focus-within{
  border-color:#79aeb4;
  box-shadow:0 0 0 4px rgba(14,98,102,.08);
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell>span{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  color:var(--pap-purple);
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell .papillon-icon{width:17px;height:17px;}
body.papillon-front-screen .papillon-home-vitrine .newsletter-form input[type="email"]{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:0 4px 0 12px!important;
  border:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pap-ink)!important;
  font-size:12px!important;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-form button{
  display:inline-flex!important;
  min-width:130px!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding-inline:18px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0e6266,#09526a)!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:850!important;
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(9,82,106,.17)!important;
  transition:transform 220ms var(--pap-ease),box-shadow 220ms var(--pap-ease),filter 220ms var(--pap-ease);
}
@media(hover:hover){
  body.papillon-front-screen .papillon-home-vitrine .newsletter-form button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(9,82,106,.21)!important;filter:saturate(1.04);}
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-form small{
  display:block!important;
  grid-column:1/-1!important;
  padding:2px 2px 0!important;
  color:var(--pap-muted)!important;
  font-size:11.5px!important;
  line-height:1.9!important;
}
body.papillon-front-screen .papillon-home-vitrine .newsletter-honeypot,
body.papillon-front-screen .papillon-home-vitrine .newsletter-honeypot input{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
}

/* Dark palette is defined here too because this file is the final newsletter authority. */
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .home-newsletter{
  border-color:var(--dk-border-strong)!important;
  background:
    radial-gradient(circle at 8% 16%,rgba(112,207,198,.09),transparent 29%),
    radial-gradient(circle at 92% 84%,rgba(209,175,112,.065),transparent 26%),
    linear-gradient(140deg,#0a171c 0%,#10242a 58%,#0b191e 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .home-newsletter::after{border-color:rgba(255,255,255,.025)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .home-newsletter h2{color:var(--dk-text)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .home-newsletter h2 b{color:var(--dk-accent)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-mark{
  border-color:var(--dk-border)!important;
  background:var(--dk-surface-3)!important;
  color:var(--dk-accent)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-lead,
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-form small{color:var(--dk-muted)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-form{
  border-color:var(--dk-border)!important;
  background:rgba(9,22,27,.88)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-field>label{color:var(--dk-text-2)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell{
  border-color:var(--dk-border)!important;
  background:var(--dk-field)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell:focus-within{
  border-color:#3f7378!important;
  background:#0b1c21!important;
  box-shadow:0 0 0 4px rgba(112,207,198,.09)!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-input-shell>span{color:var(--dk-accent)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-form input[type="email"]{
  background:transparent!important;
  color:var(--dk-text)!important;
}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-form input[type="email"]::placeholder{color:var(--dk-muted-2)!important;}
html[data-theme="dark"] body.papillon-front-screen .papillon-home-vitrine .newsletter-form button{
  border:1px solid rgba(255,255,255,.04)!important;
  background:linear-gradient(135deg,#0f6568,#0d5b67)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}

@media(max-width:820px){
  body.papillon-front-screen .papillon-home-vitrine .home-newsletter{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:28px 24px!important;
    border-radius:24px!important;
  }
}
@media(max-width:560px){
  body.papillon-front-screen .papillon-home-vitrine .home-newsletter{
    padding:20px 16px!important;
    border-radius:20px!important;
  }
  body.papillon-front-screen .papillon-home-vitrine .newsletter-copy{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:11px!important;
  }
  body.papillon-front-screen .papillon-home-vitrine .newsletter-mark{width:44px;height:44px;border-radius:14px;}
  body.papillon-front-screen .papillon-home-vitrine .newsletter-mark .papillon-icon{width:20px;height:20px;}
  body.papillon-front-screen .papillon-home-vitrine .home-newsletter h2{font-size:22px!important;line-height:1.62!important;}
  body.papillon-front-screen .papillon-home-vitrine .newsletter-lead{font-size:11.5px;}
  body.papillon-front-screen .papillon-home-vitrine .newsletter-form{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px!important;
    border-radius:17px!important;
  }
  body.papillon-front-screen .papillon-home-vitrine .newsletter-form button{width:100%!important;min-width:0!important;min-height:47px!important;}
  body.papillon-front-screen .papillon-home-vitrine .newsletter-form small{padding-inline:1px!important;}
}