/* ============================================================
   EXTRA — changes from review round 1
   ============================================================ */

/* ---------- Header: language toggle + bigger menu button ---------- */
.hdr__right{ display:flex; align-items:center; gap:clamp(14px,2vw,26px); }

.lang-btn{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--sans); font-weight:700; font-size:.92rem; letter-spacing:.04em;
  color:var(--paper); border:1px solid var(--hair); border-radius:var(--radius-pill);
  padding:.5em 1em; transition:border-color .4s var(--ease), color .4s, background .4s;
}
.lang-btn:hover{ border-color:var(--gold); color:var(--gold); }
.lang-btn .globe{ width:15px; height:15px; }

/* Menu button — larger + animated "open" interaction */
.menu-btn{
  font-size:1.02rem; letter-spacing:.14em; font-weight:700; padding:.4em 0;
}
.menu-btn__bars{ width:34px; gap:7px; }
.menu-btn__bars i{ height:2px; transition:transform .45s var(--ease), width .45s var(--ease); transform-origin:right; }
.menu-btn:hover .menu-btn__bars i:first-child{ width:55%; transform:translateX(0); }
.menu-btn:hover .menu-btn__bars i:last-child{ width:78%; }
.menu-btn:active{ transform:scale(.96); }
/* gold sweep pill behind the label on press */
.menu-btn{ position:relative; overflow:visible; }
.menu-btn .mlabel{ position:relative; }
.menu-btn .mlabel::after{
  content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .4s var(--ease);
}
.menu-btn:hover .mlabel::after{ transform:scaleX(1); }
@media(max-width:760px){ .lang-btn .lab{ display:none; } }

/* ---------- Hero meta — rose, bigger, bilingual ---------- */
.hero__meta{
  color:var(--rose); font-weight:500; font-size:1.05rem; line-height:1.55; max-width:30ch;
  text-shadow:0 1px 18px rgba(231,15,87,.25);
}
.hero__meta .en{ display:block; color:var(--paper-2); font-size:.84rem; letter-spacing:.04em; margin-top:.35em; }

/* ---------- Services: BIG ghost numbers + animated visuals ---------- */
.svc__cell{ min-height:300px; display:flex; flex-direction:column; }
.svc__n{
  position:absolute; top:6px; left:14px; z-index:0;
  font-family:var(--latin); font-weight:800;
  font-size:clamp(5rem,9vw,8.5rem); line-height:.8;
  color:var(--paper); opacity:.05; letter-spacing:-.02em; pointer-events:none;
}
.svc__cell:hover .svc__n{ opacity:.08; transition:opacity .5s var(--ease); }
.svc__t,.svc__d{ position:relative; z-index:2; }
.svc__t{ margin-top:auto; }

/* animated motif strip */
.svc__viz{
  position:relative; z-index:1; height:60px; margin-bottom:18px;
  display:flex; align-items:center; gap:6px; color:var(--gold);
}
.svc__cell:hover .svc__viz{ color:var(--gold-soft); }

/* typing */
.viz-type{ flex-direction:column; align-items:stretch; gap:8px; }
.viz-type i{ display:block; height:5px; border-radius:2px; background:currentColor; opacity:.5; width:10%; }
.svc__cell:hover .viz-type i{ animation:vtype 2.4s var(--ease) infinite; }
.viz-type i:nth-child(2){ animation-delay:.3s !important; }
.viz-type i:nth-child(3){ animation-delay:.6s !important; }
.viz-type .caret{ position:absolute; top:0; width:2px; height:14px; background:var(--gold); animation:blink 1s steps(1) infinite; }
@keyframes vtype{ 0%{ width:6%; } 50%{ width:78%; } 100%{ width:6%; } }
@keyframes blink{ 50%{ opacity:0; } }

/* waveform / transcription */
.viz-wave{ align-items:flex-end; }
.viz-wave i{ width:5px; background:currentColor; border-radius:3px; height:30%; opacity:.7; }
.svc__cell:hover .viz-wave i{ animation:vwave 1.1s var(--ease-in-out) infinite; }
.viz-wave i:nth-child(2){ animation-delay:.12s !important; }
.viz-wave i:nth-child(3){ animation-delay:.24s !important; }
.viz-wave i:nth-child(4){ animation-delay:.36s !important; }
.viz-wave i:nth-child(5){ animation-delay:.48s !important; }
.viz-wave i:nth-child(6){ animation-delay:.6s !important; }
.viz-wave i:nth-child(7){ animation-delay:.72s !important; }
@keyframes vwave{ 0%,100%{ height:18%; } 50%{ height:95%; } }

/* scan */
.viz-scan{ position:relative; }
.viz-scan .doc{ width:46px; height:56px; border:1.5px solid currentColor; border-radius:3px; opacity:.55; position:relative; overflow:hidden; }
.viz-scan .doc::before{ content:""; position:absolute; left:6px; right:6px; top:10px; height:1.5px; background:currentColor; box-shadow:0 8px 0 currentColor,0 16px 0 currentColor,0 24px 0 currentColor; opacity:.5; }
.viz-scan .beam{ position:absolute; left:0; right:0; top:0; height:3px; background:var(--gold); box-shadow:0 0 12px var(--gold); }
.svc__cell:hover .viz-scan .beam{ animation:vscan 2s var(--ease-in-out) infinite; }
@keyframes vscan{ 0%,100%{ top:2px; } 50%{ top:52px; } }

/* translate glyphs */
.viz-tr{ font-family:var(--serif); font-weight:800; font-size:2.4rem; gap:14px; align-items:center; }
.viz-tr b{ position:relative; }
.viz-tr .a,.viz-tr .b{ transition:opacity .5s; }
.svc__cell:hover .viz-tr .x{ animation:vfade 2.4s steps(1) infinite; }
@keyframes vfade{ 0%,50%{ opacity:1; } 50.01%,100%{ opacity:0; } }
.viz-tr .arrow{ font-size:1.2rem; opacity:.6; }

/* edit strike */
.viz-edit{ flex-direction:column; align-items:stretch; gap:9px; }
.viz-edit i{ height:5px; border-radius:2px; background:currentColor; opacity:.45; position:relative; }
.viz-edit i:nth-child(1){ width:80%; } .viz-edit i:nth-child(2){ width:60%; } .viz-edit i:nth-child(3){ width:72%; }
.viz-edit i::after{ content:""; position:absolute; top:50%; left:0; height:2px; width:0; background:var(--ink); }
.svc__cell:hover .viz-edit i:nth-child(2)::after{ animation:vstrike 2.4s var(--ease) infinite; }
@keyframes vstrike{ 0%{ width:0; } 40%,100%{ width:100%; } }

/* nikud */
.viz-nikud{ font-family:var(--serif); font-weight:800; font-size:3rem; position:relative; gap:0; }
.viz-nikud .dots{ position:absolute; bottom:6px; left:50%; transform:translateX(-50%); display:flex; gap:5px; }
.viz-nikud .dots span{ width:5px; height:5px; border-radius:50%; background:var(--gold); opacity:0; }
.svc__cell:hover .viz-nikud .dots span{ animation:vdot 2.2s var(--ease) infinite; }
.viz-nikud .dots span:nth-child(2){ animation-delay:.25s !important; }
.viz-nikud .dots span:nth-child(3){ animation-delay:.5s !important; }
@keyframes vdot{ 0%,80%,100%{ opacity:0; transform:translateY(-4px);} 20%,60%{ opacity:1; transform:translateY(0);} }

/* proof check */
.viz-proof svg{ width:54px; height:54px; }
.viz-proof path{ stroke:currentColor; stroke-width:2.4; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:60; stroke-dashoffset:60; }
.svc__cell:hover .viz-proof path{ animation:vdraw 2s var(--ease) infinite; }
@keyframes vdraw{ 0%{ stroke-dashoffset:60; } 45%,100%{ stroke-dashoffset:0; } }

/* layout columns */
.viz-cols{ gap:8px; align-items:stretch; height:60px; }
.viz-cols .col{ width:30px; border:1.5px solid currentColor; border-radius:3px; opacity:.55; position:relative; overflow:hidden; }
.viz-cols .col::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; background:currentColor; opacity:.4; }
.svc__cell:hover .viz-cols .col::after{ animation:vfill 2.4s var(--ease) infinite; }
.viz-cols .col:nth-child(2)::after{ animation-delay:.4s !important; }
@keyframes vfill{ 0%{ height:0; } 60%,100%{ height:100%; } }

/* cover sheen */
.viz-cover .bk{ width:44px; height:58px; border-radius:3px 5px 5px 3px; position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--navy),var(--navy-2)); border:1px solid var(--gold); }
.viz-cover .bk::before{ content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,rgba(201,162,75,.7) 50%,transparent 70%); transform:translateX(-100%); }
.svc__cell:hover .viz-cover .bk::before{ animation:vsheen 2s var(--ease) infinite; }
@keyframes vsheen{ to{ transform:translateX(100%); } }

/* print sheets */
.viz-print{ position:relative; width:60px; }
.viz-print i{ position:absolute; left:0; width:44px; height:30px; border:1.5px solid currentColor; border-radius:3px; opacity:.55; background:var(--midnight); }
.svc__cell:hover .viz-print i{ animation:vprint 2s var(--ease) infinite; }
.viz-print i:nth-child(2){ animation-delay:.5s !important; }
.viz-print i:nth-child(3){ animation-delay:1s !important; }
@keyframes vprint{ 0%{ transform:translate(0,18px); opacity:0; } 25%{ opacity:.6; } 100%{ transform:translate(14px,-14px); opacity:0; } }

/* ads pulse rings */
.viz-ads{ position:relative; width:60px; justify-content:center; }
.viz-ads .core{ width:12px; height:12px; border-radius:50%; background:var(--gold); }
.viz-ads .ring{ position:absolute; width:12px; height:12px; border:1.5px solid var(--gold); border-radius:50%; opacity:0; }
.svc__cell:hover .viz-ads .ring{ animation:vpulse 2s var(--ease) infinite; }
.viz-ads .ring:nth-child(3){ animation-delay:.6s !important; }
@keyframes vpulse{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(4.5); opacity:0; } }

/* distribution dots travelling */
.viz-dist{ position:relative; width:100%; height:30px; }
.viz-dist .road{ position:absolute; top:50%; left:0; right:0; height:1.5px; background:currentColor; opacity:.4; }
.viz-dist .pt{ position:absolute; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:var(--gold); left:0; }
.svc__cell:hover .viz-dist .pt{ animation:vmove 2.2s var(--ease) infinite; }
.viz-dist .pt:nth-child(3){ animation-delay:.7s !important; }
.viz-dist .pt:nth-child(4){ animation-delay:1.4s !important; }
@keyframes vmove{ 0%{ left:0; opacity:0; } 15%{ opacity:1; } 85%{ opacity:1; } 100%{ left:100%; opacity:0; } }

@media (prefers-reduced-motion:reduce){ .svc__viz *{ animation:none !important; } }

/* ---------- Testimonials: 3-column grid ---------- */
.tst__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  max-width:var(--container); margin-inline:auto; padding-inline:var(--pad);
}
.tst__grid .tcard{ flex:none; }
@media(max-width:900px){ .tst__grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .tst__grid{ grid-template-columns:1fr; } }

/* ---------- Video feature (MK Abutbul) ---------- */
.vid{ background:var(--midnight); }
.vid__head{ text-align:center; margin-bottom:44px; }
.vid__head h2{ font-size:var(--d-md); margin-top:1rem; }
.vid__frame{
  position:relative; max-width:980px; margin-inline:auto; aspect-ratio:16/9;
  border:1px solid var(--hair); border-radius:var(--radius); overflow:hidden;
  background:#000; box-shadow:0 40px 90px -40px rgba(0,0,0,.8);
}
.vid__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.vid__cap{ text-align:center; color:var(--paper-2); margin-top:1.2rem; font-family:var(--sans); font-weight:400; font-size:1.1rem; }

/* ---------- Types band (all kinds of books) ---------- */
.types{ background:var(--cream); color:var(--cream-ink); }
.types__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,5vw,70px); align-items:center; }
.types .tag{ color:var(--ink); }
.types .tag::before,.types .tag.center::after{ background:var(--ink); }
.types h2{ font-family:var(--serif); font-weight:800; font-size:var(--d-md); line-height:1.05; color:var(--cream-ink); margin:1rem 0 1.2rem; max-width:16ch; }
.types p{ color:#5a5048; max-width:46ch; font-size:1.08rem; }
.types__list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:1.6rem; }
.types__list span{ border:1px solid rgba(26,23,20,.18); border-radius:var(--radius-pill); padding:.5em 1.1em; font-weight:600; font-size:.95rem; color:var(--cream-ink); }
.types image-slot{ width:100%; height:clamp(280px,40vw,440px); border-radius:var(--radius); border:1px solid rgba(26,23,20,.18); }
@media(max-width:820px){ .types__grid{ grid-template-columns:1fr; } }

/* ---------- Featured book covers: show in full (no crop), smaller ---------- */
.book__cover{ object-fit:contain; max-height:54vh; }
.book__media{ overflow:visible; min-height:auto; }

/* ---------- Logo: use the real sent image (fills the badge) ---------- */
.hdr__mark{ background:#1b1e25; overflow:hidden; }
.hdr__mark img{ width:100%; height:100%; object-fit:cover; }