/* ====================================================================
   AEY Mobile · Home v2 — styles spécifiques
   Dépend de aey-tokens.css (variables CSS + atoms)
   ==================================================================== */


/* --------------------------------------------------------------------
   HEADER · Navigation
   -------------------------------------------------------------------- */
.aey-header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background: rgba(10, 10, 15, 0.78);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border-dark);
}

.aey-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 36px;
}

.aey-nav { display: flex; gap: 28px; }
.aey-nav__link { font-size: 14px; color: var(--paper-2); font-weight: 500; transition: color var(--t-fast) var(--ease); }
.aey-nav__link:hover { color: var(--paper); }
.aey-header__actions { display: flex; align-items: center; gap: 12px; }
.aey-header__lang { font-size: 13px; color: var(--paper-2); display: inline-flex; align-items: center; gap: 4px; padding: 8px 4px; cursor: pointer; transition: color var(--t-fast) var(--ease); }
.aey-header__lang:hover { color: var(--paper); }

.hero { padding: 44px 0 32px; }
.hero__grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 36px; align-items: stretch; }
.hero__copy { display: flex; flex-direction: column; justify-content: center; }
.hero__copy .chip { align-self: flex-start; margin-bottom: 22px; }
.hero__copy h1 { font-size: clamp(48px, 7vw, 86px); margin: 0; color: var(--paper); }
.hero__lead { font-size: 17px; line-height: 1.5; max-width: 460px; margin-top: 20px; }
.hero__ctas { display: flex; gap: 10px; margin-top: 28px; align-items: center; flex-wrap: wrap; }
.hero__stats { display: flex; gap: 32px; margin-top: 36px; flex-wrap: wrap; }

.hero__visual { position: relative; min-height: 540px; }
.hero__photo { position: relative; width: 100%; height: 100%; min-height: 540px; border-radius: 28px; overflow: hidden; background: var(--surface-elev); }
.hero__photo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s var(--ease); pointer-events: none; }
.hero__photo-img.is-active { opacity: 1; pointer-events: auto; }
.hero__photo-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 10, 15, 0) 30%, rgba(10, 10, 15, 0.55) 100%); pointer-events: none; }

.hero__chip-country { position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px; background: rgba(255, 255, 255, 0.18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-radius: var(--r-pill); font-size: 13px; color: #fff; }
.hero__chip-country strong { font-weight: 600; }
.hero__chip-caption { opacity: 0.7; margin-left: 2px; }

.hero__switcher { position: absolute; bottom: 18px; left: 18px; display: flex; gap: 6px; }
.hero__flag-btn { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; transition: transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.hero__flag-btn.is-active { background: var(--mint); border-color: transparent; transform: scale(1.08); }
.hero__flag-btn:hover:not(.is-active) { background: rgba(255, 255, 255, 0.3); }

.hero__card-active { position: absolute; top: 76px; right: 18px; width: 230px; padding: 16px; box-shadow: var(--shadow-lg); }
.hero__card-active-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.hero__card-active-title { font-family: var(--font-display); font-size: 22px; font-weight: 700; letter-spacing: -0.03em; color: var(--paper); }
.hero__card-active-sub { color: var(--paper-2); font-size: 12px; margin-top: 2px; }
.hero__card-active-meta { display: flex; justify-content: space-between; font-size: 11px; color: var(--paper-2); margin-top: 12px; margin-bottom: 4px; }
.hero__progress { height: 5px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.12); overflow: hidden; }
.hero__progress-fill { height: 100%; background: var(--mint); box-shadow: 0 0 8px rgba(10, 123, 255, 0.6); transition: width var(--t-base) var(--ease); }

.hero__card-price { position: absolute; bottom: 18px; right: 18px; width: 200px; background: var(--mint); color: var(--ink); border-radius: var(--r-lg); padding: 16px; box-shadow: var(--shadow-lg); }
.hero__card-price-num { display: flex; align-items: baseline; gap: 4px; margin-top: 2px; }
.hero__card-price-num strong { font-family: var(--font-display); font-size: 38px; font-weight: 700; letter-spacing: -0.04em; color: var(--ink); }
.hero__card-price-num span { color: rgba(10, 10, 15, 0.55); font-size: 12px; }
.hero__card-price-sub { font-size: 11px; color: rgba(10, 10, 15, 0.7); margin-top: 4px; }

.esim-explainer { padding: 32px 0 48px; position: relative; }
.esim-explainer__card { background: linear-gradient(135deg, var(--surface-dark) 0%, var(--surface-elev) 100%); border-radius: 28px; padding: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; overflow: hidden; position: relative; }
.esim-explainer__card::before { content: ""; position: absolute; top: -120px; right: -120px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(10, 123, 255, 0.25) 0%, transparent 70%); pointer-events: none; }
.esim-explainer__copy { position: relative; z-index: 1; }
.esim-explainer__head { margin-bottom: 14px; }
.esim-explainer__copy h2 { margin: 0; }
.esim-explainer__steps { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-direction: column; gap: 8px; }
.esim-explainer__step { display: flex; gap: 14px; align-items: center; padding: 12px 14px; border-radius: 12px; background: transparent; border: 1px solid transparent; cursor: pointer; transition: all var(--t-base) var(--ease); }
.esim-explainer__step:hover { background: rgba(255, 255, 255, 0.03); }
.esim-explainer__step.is-active { background: rgba(10, 123, 255, 0.15); border-color: rgba(10, 123, 255, 0.4); }
.esim-explainer__step-num { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); color: var(--paper-2); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 12px; font-weight: 700; flex-shrink: 0; transition: all var(--t-base) var(--ease); }
.esim-explainer__step.is-active .esim-explainer__step-num { background: var(--mint); color: #fff; box-shadow: 0 4px 12px rgba(10, 123, 255, 0.4); }
.esim-explainer__step-label { font-size: 15px; font-weight: 600; color: var(--paper-3); transition: color var(--t-base) var(--ease); }
.esim-explainer__step.is-active .esim-explainer__step-label, .esim-explainer__step.is-passed .esim-explainer__step-label { color: var(--paper); }
.esim-explainer__step-desc { font-size: 12px; color: var(--paper-3); margin-top: 1px; transition: color var(--t-base) var(--ease); }
.esim-explainer__step.is-active .esim-explainer__step-desc { color: var(--paper-2); }

.esim-explainer__stage { position: relative; z-index: 1; }
.esim-explainer__device { position: relative; height: 420px; background: radial-gradient(circle at 50% 50%, rgba(10, 123, 255, 0.22) 0%, transparent 70%); border-radius: 18px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.esim-explainer__bg-photo { position: absolute; inset: 0; background-image: url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?w=900&h=700&fit=crop&q=75&auto=format'); background-size: cover; background-position: center; opacity: 0.4; filter: blur(1px) saturate(1.1); z-index: 0; }
.esim-explainer__device::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10, 123, 255, 0.18) 0%, rgba(10, 10, 15, 0.5) 100%); z-index: 1; pointer-events: none; }
.esim-explainer__dots { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 7px; z-index: 3; }
.esim-explainer__dot { width: 7px; height: 7px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.18); transition: width var(--t-base) var(--ease), background var(--t-base) var(--ease); }
.esim-explainer__dot.is-active { width: 28px; background: var(--mint); }

.esim-frame { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(24px) scale(0.92); transition: opacity .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1); pointer-events: none; z-index: 2; }
.esim-frame.is-active { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }

.esim-phone { width: 180px; height: 280px; background: var(--bg-dark); border-radius: 28px; border: 6px solid #0A0A0F; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); position: relative; overflow: hidden; }
.esim-phone.is-glowing { box-shadow: 0 0 0 5px rgba(10, 123, 255, 0.18), 0 24px 48px rgba(0, 0, 0, 0.55); }
.esim-phone-notch { height: 5px; width: 44px; background: #0A0A0F; border-radius: var(--r-pill); margin: 6px auto 0; }
.esim-phone-content { padding: 12px 14px; color: var(--paper); }
.esim-phone-title { font-family: var(--font-display); font-size: 16px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 10px; }
.esim-phone-option { padding: 8px 10px; margin-bottom: 6px; background: rgba(255, 255, 255, 0.06); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 600; }
.esim-phone-option.is-active { background: var(--mint); color: #fff; box-shadow: 0 4px 12px rgba(10, 123, 255, 0.5); }

.esim-qr-card { background: #fff; border-radius: 16px; padding: 14px; box-shadow: 0 20px 40px rgba(10, 123, 255, 0.3); color: var(--ink); }
.esim-qr-head { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.esim-qr-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 3px rgba(10, 123, 255, 0.25); }
.esim-qr-head strong { font-family: var(--font-display); font-size: 13px; font-weight: 800; letter-spacing: -0.04em; }
.esim-qr-meta { margin-left: auto; font-family: var(--font-mono); font-size: 9px; color: var(--ink-3); letter-spacing: 0.4px; }
.esim-qr-card svg { display: block; margin: 0 auto; }
.esim-qr-foot { font-family: var(--font-mono); font-size: 9px; color: var(--ink-2); text-align: center; margin-top: 8px; letter-spacing: 0.6px; font-weight: 600; }

.esim-active-card { padding: 12px; background: linear-gradient(135deg, rgba(10, 123, 255, 0.3) 0%, rgba(10, 123, 255, 0.1) 100%); border: 1px solid rgba(10, 123, 255, 0.4); border-radius: 12px; }
.esim-active-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.esim-active-badge { font-size: 9px; color: var(--mint); font-weight: 700; padding: 2px 8px; border-radius: var(--r-pill); background: rgba(10, 123, 255, 0.2); }
.esim-active-title { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.03em; color: var(--paper); }
.esim-active-sub { font-size: 10px; opacity: 0.65; margin-top: 2px; }
.esim-active-progress { margin-top: 10px; height: 4px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.15); overflow: hidden; }
.esim-active-progress > div { height: 100%; background: var(--mint); box-shadow: 0 0 10px rgba(10, 123, 255, 0.7); }
.esim-active-meta { font-size: 9px; opacity: 0.65; margin-top: 6px; }

.popular { padding: 24px 0 60px; }
.popular__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.popular__see-all { font-size: 13px; color: var(--paper-2); display: inline-flex; align-items: center; gap: 6px; transition: color var(--t-fast) var(--ease); }
.popular__see-all:hover { color: var(--paper); }
.popular__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.popular__chip { background: var(--surface-dark); border: 1px solid var(--border-dark); border-radius: var(--r-lg); overflow: hidden; display: flex; align-items: stretch; height: 120px; transition: border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease); }
.popular__chip:hover { border-color: rgba(10, 123, 255, 0.5); transform: translateY(-3px); box-shadow: 0 12px 32px rgba(10, 123, 255, 0.18); }
.popular__chip-img { width: 130px; flex-shrink: 0; background-size: cover; background-position: center; position: relative; }
.popular__chip-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, var(--surface-dark) 100%); pointer-events: none; }
.popular__chip-body { flex: 1; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.popular__chip-name { font-size: 17px; font-weight: 700; color: var(--paper); letter-spacing: -0.01em; }
.popular__chip-from { font-size: 14px; color: var(--mint); margin-top: 4px; font-weight: 600; }

.aey-footer { border-top: 1px solid var(--border-dark); padding: 32px 0 48px; margin-top: 40px; }
.aey-footer__inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.aey-footer__legal { font-size: 12px; color: var(--paper-3); margin: 0; }
.aey-footer__legal a { color: var(--paper-2); transition: color var(--t-fast) var(--ease); }
.aey-footer__legal a:hover { color: var(--paper); }

@media (max-width: 1024px) {
  .aey-nav { display: none; }
  .hero__grid { grid-template-columns: 1fr; gap: 48px; }
  .hero__visual { min-height: 480px; }
  .hero__photo { min-height: 480px; }
  .esim-explainer__card { grid-template-columns: 1fr; padding: 28px 24px; }
  .popular__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .aey-header__inner { padding: 14px 20px; }
  .aey-header__actions .btn { display: none; }
  .aey-header__actions .btn--mint { display: inline-flex; }
  .hero { padding: 28px 0 20px; }
  .hero__photo { min-height: 380px; }
  .hero__card-active { width: 180px; top: 56px; right: 12px; padding: 12px; }
  .hero__card-active-title { font-size: 18px; }
  .hero__card-price { width: 160px; bottom: 12px; right: 12px; padding: 12px; }
  .hero__card-price-num strong { font-size: 30px; }
  .hero__stats { gap: 20px; }
  .stat-num { font-size: 26px; }
  .esim-explainer { padding: 16px 0 32px; }
  .esim-explainer__card { padding: 22px 18px; gap: 24px; }
  .esim-explainer__device { height: 280px; }
  .popular__grid { grid-template-columns: 1fr; gap: 12px; }
  .popular__chip { height: 100px; }
  .popular__chip-img { width: 100px; }
  .popular__chip-name { font-size: 15px; }
  .popular__chip-from { font-size: 13px; }
}


/* ====================================================================
   AEY-MOBILE-V2 · Refonte mobile · 2026-05-22
   Couche mobile pour la home v2 (designs K)
   ==================================================================== */
@media (max-width: 1023px) {
  /* Hero : on cache les éléments visuels surchargés (cards, switcher) */
  .hero__card-active,
  .hero__card-price,
  .hero__switcher { display: none !important; }
  /* Le rotator photo prend toute la largeur, plus compact */
  .hero__photo { min-height: 280px !important; border-radius: 18px; }
  .hero__visual { min-height: 280px !important; }
  /* Le chip de pays reste mais plus discret */
  .hero__chip-country { top: 12px; left: 12px; padding: 6px 12px; font-size: 11px; }
  /* La hero générale plus compacte */
  .hero { padding: 24px 0 16px; }
  /* Esim explainer : on masque le device 3D, on garde l'explication texte */
  .esim-explainer__stage { display: none !important; }
  .esim-explainer__card { padding: 22px 18px; }
  /* Popular destinations en grille 2 colonnes serrée */
  .popular__grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .popular__chip { flex-direction: column; height: auto; align-items: stretch; }
  .popular__chip-img { width: 100% !important; height: 90px; }
  .popular__chip-img::after { background: linear-gradient(180deg, transparent 50%, var(--surface-dark) 100%) !important; }
  .popular__chip-body { padding: 10px 12px; }
  .popular__chip-name { font-size: 14px; }
  .popular__chip-from { font-size: 12px; }
}
/* === END AEY-MOBILE-V2 === */

/* ====================================================================
   AEY-MOBILE-V3 · Refonte mobile complète · 2026-05-22
   Cache les sections desktop en mobile, affiche aey-m-home à la place
   ==================================================================== */
@media (max-width: 1023px) {
  /* Cacher TOUTES les sections desktop en mobile */
  .hero,
  .esim-explainer,
  .popular,
  .aey-m-mobile-blocks {
    display: none !important;
  }

  /* Header : cacher nav LONGUE + toutes les actions desktop (lang, btn connexion, btn CTA) */
  .aey-nav,
  .aey-header__lang,
  .aey-header__actions .btn {
    display: none !important;
  }
  /* Burger visible en mobile */
  .aey-burger--header {
    display: inline-flex !important;
  }
  /* Header compact mobile */
  .aey-header__inner {
    padding: 10px 16px !important;
    gap: 10px !important;
  }
  .aey-header__actions {
    gap: 8px !important;
  }
  /* Logo taille mobile */
  .aey-header .aey-logo img {
    height: 38px !important;
    max-width: 110px !important;
    width: auto !important;
  }

  /* Body : place pour la tabbar fixed en bas */
  body { padding-bottom: 96px; }
}
/* === END AEY-MOBILE-V3 === */


/* === AEY Why / final CTA section === */
.aey-why{padding:clamp(3rem,6vw,5rem) 0;border-top:1px solid rgba(255,255,255,.06);}
.aey-why__kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-2);margin:0 0 1rem;text-align:center;}
.aey-why__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--paper);margin:0 auto 3rem;text-align:center;max-width:680px;}
.aey-why__title em{font-style:normal;color:var(--brand);}
.aey-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:0 0 3.5rem;}
.aey-why__card{background:var(--surface-elev);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.6rem 1.4rem;}
.aey-why__ico{font-size:1.8rem;margin:0 0 .9rem;line-height:1;}
.aey-why__card h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--paper);margin:0 0 .5rem;}
.aey-why__card p{font-family:var(--font-ui);font-size:.92rem;line-height:1.5;color:var(--paper-2);margin:0;}
.aey-why__cta{text-align:center;background:var(--surface-elev);border:1px solid rgba(10,123,255,.2);border-radius:22px;padding:clamp(2rem,4vw,3rem) 1.5rem;}
.aey-why__cta-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);color:var(--paper);margin:0 0 1.5rem;}
@media (max-width:900px){.aey-why__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.aey-why__grid{grid-template-columns:1fr;}}


/* === AEY hero mobile carousel (swipeable, scroll-snap horizontal) === */
.aey-hero-carousel{position:relative;}
.aey-hcar__track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;}
.aey-hcar__track::-webkit-scrollbar{display:none;width:0;height:0;}
.aey-hcar__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;background-size:cover;background-position:center;}
.aey-hcar__grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,.05) 0%,rgba(10,10,15,.45) 55%,rgba(10,10,15,.88) 100%);}
.aey-hcar__chip{position:absolute;left:14px;bottom:42px;display:inline-flex;align-items:center;gap:8px;background:rgba(10,10,15,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:.92rem;line-height:1.2;padding:9px 14px;border-radius:999px;max-width:calc(100% - 28px);}
.aey-hcar__dot{width:8px;height:8px;border-radius:50%;background:var(--signal-green);box-shadow:0 0 8px var(--signal-green);flex:none;}
.aey-hcar__dots{position:absolute;left:14px;bottom:16px;display:flex;gap:6px;z-index:3;}
.aey-hcar__d{width:18px;height:4px;border-radius:2px;background:rgba(255,255,255,.32);transition:background .3s,width .3s;cursor:pointer;border:none;padding:0;}
.aey-hcar__d.is-active{background:#fff;width:24px;}


/* === AEY Waitlist (pre-launch capture) === */
.aey-waitlist{padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);}
.aey-waitlist__card{background:linear-gradient(135deg,rgba(10,123,255,.12),rgba(10,123,255,.04));border:1px solid rgba(10,123,255,.25);border-radius:24px;padding:clamp(2rem,5vw,3.5rem);text-align:center;max-width:720px;margin:0 auto;}
.aey-waitlist__kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 1rem;}
.aey-waitlist__title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1;letter-spacing:-.02em;color:var(--paper);margin:0 0 1rem;}
.aey-waitlist__title em{font-style:normal;color:var(--brand);}
.aey-waitlist__lead{font-family:var(--font-ui);font-size:1rem;line-height:1.55;color:var(--paper-2);margin:0 auto 1.8rem;max-width:520px;}
.aey-waitlist__form{display:flex;gap:.6rem;max-width:480px;margin:0 auto;}
.aey-waitlist__input{flex:1;min-width:0;background:var(--surface-dark);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:0 1.1rem;height:52px;color:var(--paper);font-family:var(--font-ui);font-size:1rem;outline:none;transition:border-color .2s;}
.aey-waitlist__input:focus{border-color:var(--brand);}
.aey-waitlist__input::placeholder{color:var(--paper-2);opacity:.6;}
.aey-waitlist__btn{flex:none;white-space:nowrap;}
.aey-waitlist__note{font-family:var(--font-ui);font-size:.82rem;color:var(--paper-2);opacity:.7;margin:1rem 0 0;}
.aey-waitlist__msg{font-family:var(--font-ui);font-size:.95rem;font-weight:600;margin:1rem 0 0;min-height:1.2em;}
.aey-waitlist__msg.is-ok{color:var(--signal-green);}
.aey-waitlist__msg.is-err{color:#ff8a8a;}
@media (max-width:560px){.aey-waitlist__form{flex-direction:column;}.aey-waitlist__btn{width:100%;}}