/* Vitrine — Arye Land · Niki-Touch Group 2026
   Page de présentation publique, servie à la racine du site par une
   réécriture Vercel. L'application n'ouvre jamais ce fichier : elle
   charge index.html depuis son propre paquet. */

@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/baloo-2-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/baloo-2-latin-700-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;
  src:url(fonts/baloo-2-latin-800-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;
  src:url(fonts/nunito-latin-900-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/frank-ruhl-libre-hebrew-500-normal.woff2) format("woff2");
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/frank-ruhl-libre-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/frank-ruhl-libre-hebrew-700-normal.woff2) format("woff2");
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/frank-ruhl-libre-latin-700-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:900;font-display:swap;
  src:url(fonts/frank-ruhl-libre-hebrew-900-normal.woff2) format("woff2");
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Frank Ruhl Libre";font-style:normal;font-weight:900;font-display:swap;
  src:url(fonts/frank-ruhl-libre-latin-900-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


:root{
  --bleu:#2f86d8; --bleu-f:#1f5fa8; --bleu-n:#123c6d;
  --ciel:#d7ebff; --ciel-c:#eaf6ff;
  --or:#f5a623; --vert:#3aa76d;
  --texte:#28466b; --doux:#5d7ba0;
  --blanc:#fff; --ombre:0 14px 34px rgba(30,70,130,.14);
}

*{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }
body{
  margin:0; background:linear-gradient(180deg,#bfe3ff 0%,var(--ciel) 28%,var(--ciel-c) 60%,#fff 100%);
  color:var(--texte); font-family:"Baloo 2",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.55;
}
body[dir="rtl"]{ font-family:"Frank Ruhl Libre","Baloo 2",system-ui,sans-serif }
img{ max-width:100%; height:auto; display:block }

.vt-page{ max-width:1080px; margin:0 auto; padding:0 20px 40px }
section{ margin:0 auto 54px }
h2{ font-family:"Nunito","Baloo 2",sans-serif; font-weight:900; font-size:26px;
    color:var(--bleu-n); text-align:center; margin:0 0 22px }
p{ margin:0 0 12px }

/* ---- langues ---- */
.vt-langs{ display:flex; gap:7px; justify-content:center; padding:16px 0 4px; flex-wrap:wrap }
.vt-lang{ font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none;
  padding:6px 13px; border-radius:999px; border:2px solid #cfe2f6; background:#f6faff; color:#4d6b90 }
.vt-lang.on{ background:var(--bleu); border-color:var(--bleu); color:#fff }

/* ---- hero ---- */
.vt-hero{ text-align:center; padding-top:10px }
.vt-logo{ width:112px; height:112px; margin:0 auto 6px; border-radius:50%;
  box-shadow:0 10px 26px rgba(30,70,130,.18); background:#fff }
.vt-marque{ margin:0; font-family:"Nunito","Baloo 2",sans-serif; font-weight:900;
  font-size:clamp(38px,9vw,62px); letter-spacing:.5px; line-height:1 }
.vt-marque .l1{color:#e8563f}.vt-marque .l2{color:#f5a623}.vt-marque .l3{color:#3aa76d}
.vt-marque .l4{color:#2f86d8}.vt-marque .l6{color:#7b61c9}.vt-marque .l7{color:#e8563f}
.vt-marque .l8{color:#f5a623}.vt-marque .l9{color:#2f86d8}
.vt-claim{ display:inline-block; margin:12px 0 0; padding:9px 20px; border-radius:999px;
  background:#fff; font-weight:800; color:var(--bleu-f); box-shadow:var(--ombre) }
.vt-pitch{ max-width:620px; margin:16px auto 0; font-size:18.5px; font-weight:600; color:var(--texte) }
.vt-ages{ display:inline-block; margin-top:12px; padding:5px 14px; border-radius:999px;
  background:#fff5e0; color:#a96b06; font-weight:800; font-size:14.5px }

/* ---- appel à l'action ---- */
.vt-cta{ margin:26px 0 0 }
.vt-bientot{ display:inline-block; padding:11px 22px; border-radius:999px;
  background:var(--bleu); color:#fff; font-weight:800; box-shadow:var(--ombre) }
.vt-stores{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
.vt-store{ display:inline-flex; align-items:center; min-height:52px; padding:12px 26px;
  border-radius:999px; background:var(--bleu); color:#fff; font-weight:800;
  text-decoration:none; box-shadow:var(--ombre); font-size:17px }
.vt-store.sec{ background:#fff; color:var(--bleu-f) }
.vt-bientot.sec{ margin-top:12px; background:#fff; color:var(--bleu-f); box-shadow:none; font-weight:700; font-size:15px }
.vt-attente{ margin:14px auto 0; max-width:420px; text-align:center }
.vt-att-t{ display:block; font-weight:800; color:var(--bleu-f); margin-bottom:8px }
.vt-att-ligne{ display:flex; gap:8px; justify-content:center }
.vt-att-ligne input{ flex:1; min-width:0; min-height:46px; padding:10px 14px; border:2px solid #cfe6f7; border-radius:999px;
  font:inherit; font-size:16px; background:#fff; color:#123 }
.vt-att-ligne input:focus{ outline:none; border-color:var(--bleu) }
.vt-att-ligne button{ min-height:46px; padding:10px 18px; border:0; border-radius:999px; background:var(--bleu); color:#fff;
  font:inherit; font-weight:800; cursor:pointer; box-shadow:var(--ombre) }
.vt-att-ligne button:disabled{ opacity:.6; cursor:wait }
.vt-att-msg{ margin:8px 0 0; font-size:13.5px; color:#5a6b7a }
.vt-att-msg.ok{ color:#1d7a3f; font-weight:700 }
.vt-att-msg.err{ color:#b3261e; font-weight:700 }

/* ---- écrans ---- */
.vt-ecrans{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-top:34px }
.vt-ecrans img{ width:min(215px,42vw); border-radius:22px; box-shadow:var(--ombre) }
.vt-ecrans img:nth-child(2){ display:none }
@media (min-width:640px){ .vt-ecrans img:nth-child(2){ display:block } }

/* ---- cartes ---- */
.vt-cartes{ display:grid; gap:16px; grid-template-columns:1fr }
@media (min-width:720px){ .vt-cartes{ grid-template-columns:repeat(3,1fr) } }
.vt-carte{ background:#fff; border-radius:22px; padding:20px 20px 22px; box-shadow:var(--ombre) }
.vt-carte h3{ margin:8px 0 8px; font-size:19px; color:var(--bleu-n) }
.vt-carte p{ margin:0; color:var(--doux); font-weight:600; font-size:16px }
.vt-ico{ font-size:34px; line-height:1 }

/* ---- parents ---- */
.vt-parents{ background:#fff; border-radius:26px; padding:24px 22px; box-shadow:var(--ombre) }
.vt-parents ul{ margin:0; padding:0; list-style:none; display:grid; gap:11px }
@media (min-width:720px){ .vt-parents ul{ grid-template-columns:1fr 1fr; gap:11px 26px } }
.vt-parents li{ display:flex; gap:10px; align-items:flex-start; font-weight:600; color:var(--texte) }
.vt-parents li::before{ content:"✓"; color:var(--vert); font-weight:900; flex:0 0 auto }

/* ---- tarifs ---- */
.vt-prix{ display:grid; gap:16px; grid-template-columns:1fr }
@media (min-width:720px){ .vt-prix{ grid-template-columns:1fr 1fr } }
.vt-offre{ background:#fff; border-radius:22px; padding:22px; box-shadow:var(--ombre) }
.vt-offre.mise{ border:3px solid var(--or) }
.vt-offre h3{ margin:0 0 4px; font-size:20px; color:var(--bleu-n) }
.vt-montant{ font-family:"Nunito",sans-serif; font-weight:900; font-size:30px; color:var(--bleu) }
.vt-periode{ font-weight:700; color:var(--doux) }
.vt-essai{ display:inline-block; margin:8px 0 10px; padding:4px 12px; border-radius:999px;
  background:#e6f6ec; color:#1f7a4c; font-weight:800; font-size:14px }
.vt-offre ul{ margin:10px 0 0; padding:0; list-style:none }
.vt-offre li{ padding:3px 0; color:var(--doux); font-weight:600 }
.vt-note{ text-align:center; color:var(--doux); font-weight:600; font-size:15px; margin-top:14px }

/* ---- pied ---- */
.vt-pied{ text-align:center; padding:26px 0 8px; color:var(--doux); font-weight:600; font-size:15px }
.vt-pied a{ color:var(--bleu-f); margin:0 9px; display:inline-block; padding:4px 0 }
.vt-code{ display:block; margin-top:16px; font-size:14.5px }