/* Home page newsletter (inc/render/home-newsletter.php), redesign 2026-10-23. Front page only; builds on as.css tokens. */
.as-nlx{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,4vw,64px);align-items:center;overflow:hidden;padding:clamp(28px,4.6vw,64px);border:1px solid var(--as-sea-100);border-radius:var(--as-r-xl);background:radial-gradient(120% 90% at 0% 0%,#fff 0,rgba(255,255,255,0) 60%),linear-gradient(135deg,#F4FBFF 0%,var(--as-sea-50) 55%,#DDF2FD 100%)}
.as-nlx__waves{position:absolute;z-index:-1;right:-4%;bottom:-6%;width:70%;height:62%;fill:none;stroke:#fff;stroke-width:2;opacity:.9}
.as-nlx__waves path:nth-child(2n){stroke:var(--as-sea-100)}

/* copy */
.as-nlx__copy{display:grid;justify-items:start;gap:18px;min-width:0}
.as-nlx__eye{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px 0 10px;border-radius:999px;background:#fff;box-shadow:var(--as-sh-1);font-size:13px;font-weight:650;color:var(--as-sea-ink)}
.as-nlx__eye .as-icon{width:16px;height:16px;color:var(--as-sea)}
.as-nlx__h{margin:0;max-width:14ch;font-size:clamp(32px,4.2vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.03em;color:var(--as-navy);text-wrap:balance}
.as-nlx__lead{margin:0;max-width:44ch;font-size:clamp(16px,1.35vw,18px);line-height:1.55;color:var(--as-ink-2)}
.as-nlx__pts{display:grid;gap:12px;margin:2px 0 4px;padding:0;list-style:none}
.as-nlx__pts li{display:flex;align-items:center;gap:13px;font-size:14.5px;line-height:1.35;color:var(--as-ink-2)}
.as-nlx__pts b{display:block;font-size:15.5px;font-weight:650;color:var(--as-ink)}
.as-nlx__pic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#fff;box-shadow:var(--as-sh-1);color:var(--as-sea-ink)}
.as-nlx__pic .as-icon{width:20px;height:20px}

/* form */
.as-nlx__form{display:grid;gap:10px;width:100%;max-width:540px}
.as-nlx__form>label{font-size:13.5px;font-weight:650;color:var(--as-ink)}
.as-nlx__field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border:1px solid var(--as-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,30,49,.05),0 12px 32px rgba(6,96,143,.10);transition:border-color .15s,box-shadow .15s}
.as-nlx__field:focus-within{border-color:var(--as-sea);box-shadow:0 0 0 4px rgba(13,173,245,.22),0 12px 32px rgba(6,96,143,.12)}
.as-nlx__field>.as-icon{flex:none;width:20px;height:20px;color:var(--as-ink-3)}
.as-nlx__field input{flex:1 1 auto;min-width:0;height:52px;padding:0 4px;border:0;background:none;font:400 16px/1.2 var(--as-font);color:var(--as-ink);outline:none}
.as-nlx__field input::placeholder{color:var(--as-ink-3)}
.as-nlx__field input[aria-invalid=true]{color:var(--as-danger)}
.as-nlx__field .as-btn{flex:none;min-height:52px;border-radius:12px;padding:0 22px}
.as-nlx__field .as-btn .as-icon{width:18px;height:18px}
.as-nlx__field .as-btn:disabled{opacity:.6;cursor:progress}
.as-nlx__form .as-form-status{margin:0}
.as-nlx__form .as-form-status:empty{display:none}
.as-nlx__form .as-form-status:focus{outline:none}
.as-nlx__trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 0;padding:0;list-style:none;font-size:13.5px;font-weight:600;color:var(--as-ink)}
.as-nlx__trust li{display:inline-flex;align-items:center;gap:6px}
.as-nlx__trust .as-icon{width:16px;height:16px;stroke-width:2.4;color:var(--as-ok)}
.as-nlx__consent{max-width:52ch;margin:0}
.as-nlx__consent a{color:var(--as-link)}
.as-nlx__form.is-done>label,.as-nlx__form.is-done .as-nlx__field,.as-nlx__form.is-done .as-nlx__trust,.as-nlx__form.is-done .as-nlx__consent{display:none}
.as-nlx__form.is-done .as-form-status{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid #BFE3CF;border-radius:16px;background:#fff;box-shadow:var(--as-sh-2);font-size:16.5px;line-height:1.45;font-weight:600;color:var(--as-ink)}
.as-nlx__form.is-done .as-form-status::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--as-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/16px no-repeat}

/* illustrated mail */
.as-nlx__art{position:relative;justify-self:center;width:min(100%,440px);padding:64px 22px 0 26px}
.as-nlx__env{position:absolute;inset:30px 34px 54px 0;border-radius:18px;background:linear-gradient(160deg,#fff 0,#F2F8FC 100%);box-shadow:var(--as-sh-2);rotate:-5deg;overflow:hidden}
.as-nlx__env::before{content:"";position:absolute;inset:0 0 auto;height:58%;background:linear-gradient(to bottom right,transparent 49.5%,var(--as-line) 50%,transparent 50.5%) left/50% 100% no-repeat,linear-gradient(to bottom left,transparent 49.5%,var(--as-line) 50%,transparent 50.5%) right/50% 100% no-repeat}
.as-nlx__env::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--as-sea) 0 18px,transparent 18px 26px,var(--as-navy) 26px 44px,transparent 44px 52px);opacity:.55}
.as-nlx__stamp{position:absolute;z-index:3;top:0;right:0;width:96px;height:112px;padding:8px;background:#fff;rotate:6deg;filter:drop-shadow(0 6px 14px rgba(0,30,49,.16));-webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle 4px,transparent 96%,#000) -6px -6px/12px 12px round;mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle 4px,transparent 96%,#000) -6px -6px/12px 12px round}
.as-nlx__stamp-in{display:grid;justify-items:center;align-content:center;gap:4px;height:100%;border-radius:3px;background:linear-gradient(170deg,var(--as-navy-2) 0%,var(--as-navy) 100%);color:#fff;text-align:center}
.as-nlx__stamp .as-logo-mark{width:40px;height:40px}
.as-nlx__stamp b{font-size:12.5px;font-weight:700;letter-spacing:.02em;line-height:1}
.as-nlx__stamp i{font-size:9.5px;font-style:normal;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.9;line-height:1}
.as-nlx__post{position:absolute;z-index:4;top:2px;right:74px;width:96px;height:96px;fill:none;stroke:var(--as-navy);stroke-width:2.2;opacity:.28;rotate:-12deg;pointer-events:none}
.as-nlx__mail{position:relative;z-index:2;display:grid;gap:12px;padding:20px 20px 22px;border:1px solid var(--as-line);border-radius:18px;background:#fff;box-shadow:var(--as-sh-pop);transition:translate .4s var(--as-ease)}
.as-nlx__art:hover .as-nlx__mail{translate:0 -6px}
.as-nlx__mh{display:flex;align-items:center;gap:11px;padding:0 64px 12px 0;border-bottom:1px solid var(--as-line)}
.as-nlx__av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--as-navy)}
.as-nlx__av .as-logo-mark{width:24px;height:24px}
.as-nlx__from{display:grid;min-width:0;font-size:12.5px;line-height:1.3;color:var(--as-ink-3)}
.as-nlx__from b{font-size:14.5px;font-weight:650;color:var(--as-ink)}
.as-nlx__subj{margin:2px 0 0;font-size:18px;line-height:1.25;font-weight:650;letter-spacing:-.015em;color:var(--as-navy)}
.as-nlx__hi{margin:0;font-size:13.5px;line-height:1.5;color:var(--as-ink-2)}
.as-nlx__ps{display:grid;gap:8px}
.as-nlx__p{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--as-line);border-radius:14px;background:var(--as-surface-2)}
.as-nlx__p img{flex:none;width:58px;height:58px;border-radius:10px;object-fit:cover}
.as-nlx__p>div{display:grid;gap:5px;min-width:0}
.as-nlx__p b{overflow:hidden;font-size:14.5px;font-weight:650;color:var(--as-ink);text-overflow:ellipsis;white-space:nowrap}
.as-nlx__d{display:inline-flex;align-items:center;justify-self:start;gap:5px;height:24px;padding:0 9px 0 6px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,30,49,.14);font-size:12px;font-weight:650;color:var(--as-sea-ink);white-space:nowrap}
.as-nlx__d .as-icon{width:15px;height:15px;stroke-width:2;color:var(--as-sea)}
.as-nlx__tip{display:flex;align-items:flex-start;gap:9px;margin:2px 0 0;padding:10px 12px;border-radius:12px;background:var(--as-sea-50);font-size:13px;line-height:1.45;color:var(--as-ink)}
.as-nlx__tip .as-icon{flex:none;width:18px;height:18px;margin-top:1px;color:var(--as-sea-ink)}
.as-nlx__tip b{font-weight:650}
.as-nlx__cta{display:inline-flex;align-items:center;justify-self:start;gap:6px;height:40px;padding:0 16px;border-radius:10px;background:var(--as-navy);font-size:14px;font-weight:650;color:#fff}
.as-nlx__cta .as-icon{width:16px;height:16px}
.as-nlx__note{margin:14px 0 0;font-size:12.5px;color:var(--as-ink-2);text-align:center}

@media(max-width:1000px){
  .as-nlx{grid-template-columns:1fr}
  .as-nlx__h{max-width:18ch}
  .as-nlx__waves{width:100%;height:40%}
}
@media(max-width:560px){
  .as-nlx{gap:30px;padding:28px 20px 24px;border-radius:var(--as-r-lg)}
  .as-nlx__copy{gap:16px}
  .as-nlx__pts{gap:10px}
  .as-nlx__pic{width:38px;height:38px}
  .as-nlx__field{flex-wrap:wrap;padding:6px}
  .as-nlx__field>.as-icon{display:none}
  .as-nlx__field input{flex-basis:100%;height:50px;padding:0 10px}
  .as-nlx__field .as-btn{width:100%}
  .as-nlx__art{padding:52px 10px 0 12px}
  .as-nlx__env{inset:26px 20px 48px 0}
  .as-nlx__stamp{width:78px;height:92px;right:0}
  .as-nlx__stamp .as-logo-mark{width:32px;height:32px}
  .as-nlx__stamp b{font-size:11px}.as-nlx__stamp i{font-size:8.5px}
  .as-nlx__post{width:80px;height:80px;top:0;right:58px}
  .as-nlx__mh{padding-right:52px}
  .as-nlx__hi,.as-nlx__tip{display:none}
  .as-nlx__mail{padding:16px 15px 18px}
  .as-nlx__ps>:nth-child(n+2){display:none}
}
@media(prefers-reduced-motion:reduce){.as-nlx__mail{transition:none}.as-nlx__art:hover .as-nlx__mail{translate:none}}
