/* ============================================================
   סוחר — site vitrine (design Figma « קריפטו וועלט משותף » node 2258:206)
   Canvas de référence : 1920px → 1rem = 10px @1920, fluide en dessous.
   ============================================================ */

:root {
  --light: #F6F7FA;
  --dark: #1C1C1C;
  --teal: #19D3C5;
  --blue: #4A4FD9;
  --yellow: #FFC712;
  --light80: rgba(246, 247, 250, .8);
  --light50: rgba(246, 247, 250, .5);
  --glass: rgba(246, 247, 250, .1);
  --chipbg: rgba(255, 255, 255, .12);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html {
  font-size: calc(100vw / 192);
  scroll-behavior: smooth;
  overflow-x: clip;
}
@media (min-width: 1920px) { html { font-size: 10px; } }

body {
  background: var(--dark);
  color: var(--light);
  font-family: 'Discovery Fs', 'Heebo', sans-serif;
  font-weight: 300;
  overflow-x: clip;
}

img { display: block; }
a { text-decoration: none; color: inherit; }
.teal { color: var(--teal); }
.blue { color: var(--blue); }
.yellow { color: var(--yellow); }
.bold { font-weight: 700; }
.mt12 { margin-top: 1.2rem; }
.mt16 { margin-top: 1.6rem; }
.mt32 { margin-top: 3.2rem; }
.gap-line { height: 2.9rem; }

/* ---------- sections = tranches du canvas 1920 ---------- */
section, footer.s-footer {
  position: relative;
  width: 192rem;
  margin: 0 auto;
}
.s-hero     { height: 106.4rem; }
.s-suite    { height: 111.9rem; }
.s-wallet   { height: 78.9rem; }
.s-learn    { height: 107.3rem; }
.s-tags     { height: 24.9rem; }
.s-game     { height: 89.8rem; }
.s-terminal { height: 88.7rem; }
.s-faq      { min-height: 80.7rem; }
.s-contact  { height: 28.8rem; z-index: 2; }
.s-footer   { height: 71.2rem; }

/* ---------- helpers décor ---------- */
.glow, .fx { position: absolute; pointer-events: none; }
.glow i, .fx i { position: absolute; display: block; }
.glow img, .fx img { width: 100%; height: 100%; }

.crop { position: absolute; overflow: hidden; pointer-events: none; }
.crop img { position: absolute; max-width: none; }

.gw-hero, .gw-faq {
  position: absolute; pointer-events: none;
  width: 194.36rem; height: 102.16rem;
  display: flex; align-items: center; justify-content: center;
}
.gw-hero { left: 67.1rem; top: 71.5rem; }
.gw-faq  { left: 42.5rem; top: 28.8rem; }
.gw-hero .rot, .gw-faq .rot {
  position: relative; flex: none;
  width: 191.73rem; height: 40.73rem;
  transform: rotate(19.42deg);
}

/* ---------- icônes composées (calques SVG exportés) ---------- */
.ic { position: relative; display: block; flex: none; }
.ic24 { width: 2.4rem; height: 2.4rem; }
.ic40 { width: 4rem; height: 4rem; }
.ic i { position: absolute; display: block; }
.ic img { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ---------- flèche maison (↖) ---------- */
.arw { flex: none; overflow: visible; }
.a11 { width: 1.1rem; height: 1.1rem; }
.a15 { width: 1.5rem; height: 1.5rem; }
.a30 { width: 3rem; height: 3rem; }

/* ---------- boutons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 2.4rem;
  padding: 1.6rem 3.2rem; border-radius: 100rem;
  font-size: 2.4rem; font-weight: 300; line-height: 1.2;
  white-space: nowrap; cursor: pointer;
}
.btn-teal { background: var(--teal); color: var(--dark); }
.btn-line { border: 1px solid var(--light); color: var(--light); }
.btn-line-blue { border: 1px solid var(--blue); color: var(--dark); }
.btn-grad {
  background: radial-gradient(40rem 16rem at 2.5% 19%, #6D4FBE 0%, #5348BB 25.5%, #3A40B7 51%, #262A78 100%);
  color: var(--light); border: 0; font-family: inherit;
}
.btn-row { display: flex; gap: 1.2rem; }

/* ---------- liens soulignés ---------- */
.lnk {
  display: inline-flex; align-items: center; gap: .8rem;
  padding-block: 1.2rem;
  font-size: 2rem; font-weight: 300; line-height: 1.2;
  color: var(--light);
}
.lnk span { text-decoration: underline; text-underline-position: from-font; }
.lnk.teal { color: var(--teal); }
.lnk.dark { color: var(--dark); }
/* dans les cartes, le lien est calé au bord GAUCHE du bloc (maquette), le texte reste aligné à droite */
.blk .lnk { display: flex; width: fit-content; margin-left: 0; margin-right: auto; }

/* ---------- header ---------- */
.hd {
  position: absolute; top: 1.1rem; left: 6.4rem; right: 4.6rem;
  display: flex; align-items: center; justify-content: space-between;
  z-index: 10;
}
.hd-logo img { width: 8.9rem; height: 7.7rem; }
.hd-nav {
  display: flex; align-items: center; gap: 8.4rem;
  padding: 2rem 8.4rem;
}
.hd-nav a {
  display: flex; align-items: flex-start; gap: .8rem;
  font-size: 2rem; font-weight: 400; line-height: 1.2; color: var(--light);
}
.hd-nav a.dim { font-weight: 300; color: var(--light80); }
.hd-cta { padding-block: 1.2rem; font-size: 2rem; gap: 2.4rem; }

/* ---------- HERO ---------- */
.hero-card {
  position: absolute; left: 2.3rem; top: 8.8rem;
  width: 187.4rem; height: 88.6rem;
  border-radius: 3.2rem; overflow: hidden;
  /* dégradé radial incliné (~24.7°) du Figma, repris tel quel en SVG — un radial-gradient CSS ne sait pas tourner */
  background-color: #262A78;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1874 886' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(181.75 -83.7 43.203 93.813 56.5 940.5)'><stop stop-color='rgba(58,64,183,1)' offset='0.17816'/><stop stop-color='rgba(83,72,187,1)' offset='0.34312'/><stop stop-color='rgba(109,79,190,1)' offset='0.50807'/><stop stop-color='rgba(73,61,155,1)' offset='0.56637'/><stop stop-color='rgba(38,42,120,1)' offset='0.62467'/></radialGradient></defs></svg>");
  background-size: 100% 100%;
}
.hero-grid { left: -0.05rem; top: 3.7rem; width: 87.2rem; height: 84.94rem; }

.hero-copy {
  position: absolute; top: 16.7rem; right: 15.8rem; width: 82.7rem;
  display: flex; flex-direction: column; align-items: flex-start; gap: 3.6rem;
  text-align: right;
}
.hero-copy h1 {
  font-size: 12.8rem; font-weight: 500; line-height: .85;
  letter-spacing: -.256rem; color: var(--light); width: 100%;
}
.hero-copy > p {
  font-size: 2.4rem; line-height: 1.2; color: var(--light80); width: 66rem;
}

.hero-stats {
  position: absolute; top: 69.1rem; left: 136.35rem; transform: translateX(-50%);
  display: flex; align-items: center; gap: 5.4rem;
  padding: 2rem 9.6rem; border-radius: 100rem;
  background: rgba(255, 255, 255, .03);
  backdrop-filter: blur(.415rem);
  -webkit-backdrop-filter: blur(.415rem);
}
.stat { display: flex; flex-direction: column; align-items: flex-start; text-align: right; }
.stat b { font-size: 4.8rem; font-weight: 300; line-height: .85; }
.stat span { font-size: 1.6rem; font-weight: 300; line-height: 1.2; }
.sep { width: 1px; height: 5.15rem; background: var(--blue); flex: none; }

/* ---------- têtes de section ---------- */
.sec-head {
  position: absolute; left: 50%; transform: translateX(-50%);
  width: 110.3rem;
  display: flex; flex-direction: column; align-items: center; gap: 2.4rem;
  text-align: center; z-index: 1;
}
.sec-head h2 {
  font-size: 9.6rem; font-weight: 500; line-height: .85;
  letter-spacing: -.192rem; color: var(--light); width: 100%;
}
.sec-head p { font-size: 2.4rem; line-height: 1.2; color: var(--light80); }
.s-suite .sec-head { top: 5rem; }
.s-learn .sec-head, .s-terminal .sec-head, .s-faq .sec-head { top: 0; }

/* ---------- cartes ---------- */
.card { position: absolute; border-radius: 3.2rem; }
.card-glass { background: var(--glass); }
.card-grad {
  background-color: #4A4FD9;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1039 285' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(114.89 28.5 -134.26 43.182 -41.666 0.0000036908)'><stop stop-color='rgba(109,79,190,1)' offset='0'/><stop stop-color='rgba(83,72,187,1)' offset='0.46831'/><stop stop-color='rgba(58,64,183,1)' offset='0.93663'/></radialGradient></defs></svg>");
  background-size: 100% 100%;
}

/* ---------- blocs texte positionnés ---------- */
.blk { position: absolute; text-align: right; }
.blk .t32 { font-size: 3.2rem; font-weight: 500; line-height: 1.2; color: var(--light); }
.blk .t48 { font-size: 4.8rem; font-weight: 500; line-height: .85; letter-spacing: -.096rem; color: var(--light); white-space: nowrap; }
.blk .t64 { font-size: 6.4rem; font-weight: 500; line-height: .85; letter-spacing: -.128rem; color: var(--light); }
.blk .t20 { font-size: 2rem; line-height: 1.2; color: var(--light); }
.blk .t24dim { font-size: 2.4rem; line-height: 1.2; color: var(--light80); }
.blk .t24dim.teal { color: var(--teal); }
.blk.dark .t32, .blk.dark .t20 { color: var(--dark); }
.center { text-align: center; }
.center-col { display: flex; flex-direction: column; align-items: center; }
.lesson-num { display: block; font-size: 3.6rem; font-weight: 500; line-height: .85; letter-spacing: -.072rem; color: var(--teal); }

/* ---------- puces (chips) ---------- */
.chips { display: flex; gap: 2.4rem; }
.chip {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem;
  padding: .8rem 1.6rem; border-radius: 1.2rem; background: var(--chipbg);
  font-size: 1.6rem; font-weight: 400; line-height: 1.2; color: var(--light);
  white-space: nowrap;
}

/* ---------- bande ארנק / MPC ---------- */
.wallet-band {
  position: absolute; left: 2.3rem; top: 0;
  width: 187.4rem; height: 66.2rem;
  border-radius: 3.2rem; overflow: hidden;
  background: linear-gradient(to bottom, #F6F7FA 45.99%, #19D3C5 118.34%);
}
.wb-grid { position: absolute; inset: 0; }
.wb-grid img { width: 100%; height: 100%; }
.wb-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(152.72deg, rgb(246, 247, 250) 27.71%, rgba(25, 211, 197, 0) 88.67%);
}
.wb-title {
  position: absolute; top: 12.4rem; right: 4.1rem; width: 89.1rem;
  text-align: right; font-size: 9.6rem; font-weight: 400; line-height: .85;
  letter-spacing: -.192rem; color: var(--dark);
}
.wb-title .ind { display: inline-block; margin-right: 15.8rem; }
.wb-text {
  position: absolute; top: 13.7rem; left: 1.3rem; width: 85.7rem;
  text-align: right; font-size: 2.4rem; line-height: 1.2; color: var(--dark);
}
.wb-text p { margin-bottom: .8rem; }
.wb-text b { font-weight: 700; }
.wb-btns { position: absolute; top: 44.3rem; left: 33rem; display: flex; gap: .9rem; }

/* ---------- rangées למידה ---------- */
.learn-rows { position: absolute; left: 6.4rem; top: 35.2rem; width: 108.4rem; }
.lrow { position: relative; background: var(--glass); }
.lrow-arw { position: absolute; left: 3.6rem; color: var(--teal); }
.lrow-txt { position: absolute; right: 36.6rem; text-align: right; }
.lrow-txt h3 {
  font-size: 4.8rem; font-weight: 500; line-height: .85;
  letter-spacing: -.096rem; color: var(--light); white-space: nowrap;
}
.lrow-txt p { font-size: 2rem; font-weight: 300; line-height: 1.2; color: var(--light); margin-top: 2.4rem; }
.lrow-num {
  position: absolute; right: 7.6rem;
  font-size: 12.8rem; font-weight: 500; line-height: .85;
  letter-spacing: -.256rem; color: var(--teal);
}

/* ---------- nuage de tags ---------- */
.tagbox { position: absolute; display: flex; align-items: center; justify-content: center; }
.tag {
  display: inline-flex; align-items: center;
  padding: 2.4rem 10rem; border-radius: 100rem;
  border: 1px solid var(--light); color: var(--light);
  font-size: 2.4rem; font-weight: 300; line-height: 1.2; white-space: nowrap;
}
.tag-fill { background: var(--light); color: var(--dark); }

/* ---------- bande משחק ---------- */
.game-band {
  position: absolute; left: 2.3rem; top: 0;
  width: 187.4rem; height: 78.3rem;
  border-radius: 3.2rem; overflow: hidden;
  background-color: #262A78;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1874 783' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(181.75 -73.97 43.203 82.907 56.5 831.16)'><stop stop-color='rgba(58,64,183,1)' offset='0.17816'/><stop stop-color='rgba(83,72,187,1)' offset='0.34312'/><stop stop-color='rgba(109,79,190,1)' offset='0.50807'/><stop stop-color='rgba(73,61,155,1)' offset='0.56637'/><stop stop-color='rgba(38,42,120,1)' offset='0.62467'/></radialGradient></defs></svg>");
  background-size: 100% 100%;
}
.game-copy {
  position: absolute; top: 16rem; left: 88.7rem; width: 79.5rem;
  display: flex; flex-direction: column; align-items: flex-start; gap: 2.4rem;
  text-align: right;
}
.game-copy .btn-row { margin-top: 4rem; }
.game-copy h2 {
  font-size: 9.6rem; font-weight: 500; line-height: .85;
  letter-spacing: -.192rem; color: var(--light); width: 110.3rem;
}
.game-text { font-size: 2.4rem; line-height: 1.2; color: var(--light80); width: 79.5rem; }

/* ---------- הטרמינל ---------- */
.tiles { display: flex; gap: 2.4rem; margin-top: 3.6rem; }
.tile {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem;
  padding: 2.4rem; border-radius: 1.2rem; background: var(--chipbg);
}
.tile b { font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: var(--light); }
.tile p { font-size: 1.6rem; font-weight: 300; line-height: 1.2; color: var(--light); text-align: center; margin-top: -1.6rem; }

/* ---------- FAQ ---------- */
.faq-list {
  width: 118.2rem; margin: 0 auto; padding-top: 17.8rem;
  display: flex; flex-direction: column; gap: 1rem;
  position: relative; z-index: 1;
}
.faq-q {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 2.4rem;
  padding: 2.4rem 3.6rem; border: 0; border-radius: 100rem;
  background: var(--glass);
  font-family: inherit; font-size: 2.4rem; font-weight: 700; line-height: 1.2;
  color: var(--light80); text-align: right; cursor: pointer;
}
.faq-q .arw { color: var(--teal); transition: transform .25s ease, color .25s ease; }
.faq-item.open .faq-q .arw { color: var(--light); transform: rotate(-90deg); }
.faq-a { overflow: hidden; max-height: 0; transition: max-height .3s ease; }
.faq-item.open .faq-a { max-height: 24rem; }
.faq-a p {
  padding: 3.3rem 6.2rem 2.4rem 1.6rem;
  font-size: 2.4rem; line-height: 1.2; color: var(--light80); text-align: right;
}

/* ---------- צור קשר ---------- */
.s-contact { overflow: visible; }
.contact-card {
  position: absolute; left: 50%; transform: translateX(-50%); top: 0;
  width: 152.2rem; height: 52.2rem;
  background: var(--dark); border-radius: 2.4rem;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem;
  padding: 6.4rem 3.2rem; z-index: 2;
}
.contact-card .contact-form { margin-top: 4rem; }
.contact-card h2 {
  font-size: 9.6rem; font-weight: 500; line-height: .85;
  letter-spacing: -.192rem; color: var(--light); text-align: center; width: 110.3rem;
}
.contact-sub { font-size: 2.4rem; line-height: 1.2; color: var(--light); text-align: center; width: 89rem; }
.contact-form { display: flex; gap: 1.2rem; width: 138.6rem; }
.contact-form input {
  flex: 1; min-width: 0;
  background: transparent; border: 0; border-bottom: 1px solid var(--light);
  border-radius: 1.2rem;
  padding: 1.6rem 3.2rem;
  font-family: inherit; font-size: 2.4rem; font-weight: 300; line-height: 1.2;
  color: var(--light); text-align: right;
}
.contact-form input::placeholder { color: var(--light50); }
.contact-form input:focus { outline: none; border-bottom-color: var(--teal); }
.contact-form input:focus-visible, .btn:focus-visible, .faq-q:focus-visible, a:focus-visible {
  outline: 2px solid var(--teal); outline-offset: 2px;
}
.hd-nav a.soon { cursor: default; }
.contact-form .btn { flex: 1; justify-content: center; }
.form-note { font-size: 2rem; color: var(--teal); text-align: center; }

/* ---------- פוטר ---------- */
.footer-band {
  position: absolute; left: 2.4rem; top: 0;
  width: 187.4rem; height: 64.2rem;
  border-radius: 3.2rem; overflow: hidden;
  background: radial-gradient(250rem 160rem at 0% 5%, #6D4FBE 0%, #5348BB 25%, #3A40B7 50%, #262A78 100%);
}
.fb-texture { position: absolute; inset: 0; opacity: .05; overflow: hidden; }
.fb-texture img { position: absolute; height: 213.81%; left: -8.38%; top: -28.85%; width: 109.87%; max-width: none; }

.fmark { position: absolute; top: 34.7rem; left: 151.5rem; width: 27.19rem; height: 12.36rem; }
.fmark-name {
  position: absolute; left: 0; top: 0;
  font-family: 'Fb Einstein', 'Heebo', sans-serif;
  font-size: 6.108rem; font-weight: 400; line-height: normal; color: #fff; white-space: nowrap;
}
.fmark-sub {
  position: absolute; left: .25rem; top: 7.57rem;
  font-family: 'Fb Einstein', 'Heebo', sans-serif;
  font-size: 1.527rem; font-weight: 100; line-height: normal; color: #fff; white-space: nowrap;
}
.fmark-dot { position: absolute; left: 7.7rem; top: 2.31rem; width: 1.27rem; height: 1.27rem; }

.fcol { position: absolute; display: flex; flex-direction: column; }
.fcol a {
  display: flex; align-items: center; justify-content: space-between;
  padding-block: 1.2rem;
  font-size: 2rem; font-weight: 300; line-height: 1.2; color: var(--light);
}
.fcol a span { text-decoration: underline; text-underline-position: from-font; }
.fcol-legal { left: 16.2rem; top: 32.5rem; width: 15.8rem; }
.fcol-legal a + a { margin-top: -1rem; }
.fcol-site { left: 55.5rem; top: 32.1rem; width: 8.5rem; }
.fcol-site a + a { margin-top: -1.5rem; }

.fcredit {
  position: absolute; top: 66.6rem; left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: 1.4rem;
  font-size: 2.4rem; font-weight: 300; color: var(--light); white-space: nowrap;
}
.fcredit img { width: 7.9rem; height: 3.5rem; }
.fcopy { position: absolute; top: 66.7rem; left: 169.7rem; font-size: 2rem; font-weight: 300; color: var(--light); }

/* ---------- images mobiles ---------- */
.m-img { display: none; }

/* ============================================================
   MOBILE / TABLETTE (<1024px) — reflux vertical
   ============================================================ */
@media (max-width: 1023px) {
  html { font-size: 8px; }

  section, section[class], footer.s-footer { width: 100%; height: auto; min-height: 0; }

  .glow, .fx, .gw-hero, .gw-faq, .crop { display: none; }
  .m-img { display: block; width: 100%; height: auto; border-radius: 2.4rem; margin-top: 3.2rem; }

  /* header */
  .hd { position: static; flex-wrap: wrap; gap: 1.6rem; padding: 1.6rem; }
  .hd-nav { order: 3; width: 100%; justify-content: center; flex-wrap: wrap; gap: 2.4rem 3.2rem; padding: 1rem 0; }

  /* hero */
  .hero-card { position: static; width: auto; height: auto; margin: 1.2rem; padding: 4rem 2.4rem; }
  .hero-copy { position: static; width: auto; }
  .hero-copy h1 { font-size: 6.4rem; letter-spacing: -.1rem; }
  .hero-copy > p { width: auto; font-size: 2.2rem; }
  .btn-row { flex-wrap: wrap; }
  .btn { font-size: 2rem; padding: 1.2rem 2.4rem; gap: 1.2rem; }
  .hero-stats { position: static; transform: none; margin-top: 3.2rem; justify-content: space-between; padding: 1.6rem 2.4rem; gap: 2rem; }
  .hero-coin-edge { display: none; }

  /* têtes de section */
  .sec-head { position: static; transform: none; width: auto; padding: 6.4rem 2.4rem 0; }
  .sec-head h2 { font-size: 5.2rem; letter-spacing: -.08rem; }
  .sec-head p { width: auto !important; font-size: 2.2rem; }
  .s-suite .sec-head, .s-learn .sec-head, .s-terminal .sec-head, .s-faq .sec-head { top: auto; }

  /* cartes suite → blocs empilés */
  .s-suite .card { display: none; }
  .s-suite .blk { position: static; width: auto !important; margin: 1.2rem; padding: 3.2rem 2.4rem; border-radius: 2.4rem; }
  .s-suite .b-mishar { margin-top: 3.2rem; }
  .b-mishar { background: radial-gradient(160rem 90rem at -4% 0%, #6D4FBE 0%, #5348BB 47%, #3A40B7 94%), #4A4FD9; }
  .b-game { border: 1px solid var(--blue); }
  .b-arnek { background: var(--teal); }
  .b-basis { background: var(--glass); }
  .blk .t64 { font-size: 4.4rem; }
  .blk .t48 { font-size: 3.6rem; white-space: normal; }
  .chips { flex-wrap: wrap; gap: 1.2rem; }

  /* bande ארנק */
  .wallet-band { position: static; width: auto; height: auto; margin: 1.2rem; padding: 3.2rem 2.4rem; }
  .wb-title { position: static; width: auto; font-size: 5.2rem; letter-spacing: -.08rem; }
  .wb-title .ind { margin-right: 0; }
  .wb-text { position: static; width: auto; margin-top: 2.4rem; font-size: 2.2rem; }
  .wb-btns { position: static; margin-top: 2.4rem; flex-wrap: wrap; gap: 1.2rem; }

  /* למידה */
  .learn-rows { position: static; width: auto; margin: 3.2rem 1.2rem 0; }
  .lrow { height: auto !important; margin-top: .8rem !important; padding: 2.4rem; border-radius: 1.6rem !important; display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; }
  .lrow-arw { display: none; }
  .lrow-txt { position: static; }
  .lrow-txt h3 { font-size: 3rem; white-space: normal; }
  .lrow-txt p { margin-top: 1.2rem; }
  .lrow-num { position: static; font-size: 6.4rem; flex: none; }
  .s-learn .card-glass { display: none; }
  .s-learn .blk { position: static; width: auto !important; margin: 2.4rem 1.2rem; padding: 3.2rem 2.4rem; background: var(--glass); border-radius: 2.4rem; }

  /* tags */
  .s-tags { display: flex; flex-wrap: wrap; gap: 1.2rem; padding: 3.2rem 2.4rem; }
  .tagbox { position: static; width: auto !important; height: auto !important; }
  .tag { transform: none !important; padding: 1.2rem 2.4rem; font-size: 2rem; }

  /* משחק */
  .game-band { position: static; width: auto; height: auto; margin: 1.2rem; padding: 3.2rem 2.4rem; }
  .game-copy { position: static; width: auto; gap: 3.2rem; }
  .game-copy h2 { font-size: 5.2rem; width: auto; letter-spacing: -.08rem; }
  .game-text { width: auto; font-size: 2.2rem; }

  /* טרמינל */
  .s-terminal .blk { position: static; width: auto !important; margin: 3.2rem 2.4rem 0; }
  .tiles { flex-wrap: wrap; }
  .tile { flex: 1 1 16rem; }

  /* FAQ */
  .faq-list { width: auto; margin: 0 2.4rem; padding-top: 4.8rem; }
  .faq-q { font-size: 2rem; padding: 2rem 2.4rem; gap: 1.6rem; }
  .faq-q span { white-space: normal; }
  .faq-item.open .faq-a { max-height: 60rem; }
  .faq-a p { padding: 2.4rem 1.6rem; font-size: 2rem; }

  /* contact */
  .s-contact { height: auto; }
  .contact-card { position: static; transform: none; width: auto; height: auto; margin: 3.2rem 1.2rem; padding: 4.8rem 2.4rem; gap: 3.2rem; }
  .contact-card h2 { font-size: 5.2rem; width: auto; letter-spacing: -.08rem; }
  .contact-sub { width: auto; font-size: 2.2rem; }
  .contact-form { flex-direction: column; width: 100%; gap: 1.6rem; }
  .form-note { margin-top: 0; }

  /* footer */
  .footer-band { position: static; width: auto; height: auto; margin: 1.2rem; padding: 4rem 2.4rem; display: flex; flex-direction: column; gap: 3.2rem; }
  .fmark { position: static; width: auto; height: auto; display: flex; flex-direction: column; gap: .6rem; }
  .fmark-name, .fmark-sub, .fmark-dot { position: static; }
  .fmark-dot { display: none; }
  .fcol { position: static; width: 24rem !important; }
  .fcol a + a { margin-top: 0 !important; }
  .fcredit, .fcopy { position: static; transform: none; justify-content: center; text-align: center; margin: 1.6rem auto 0; width: fit-content; }
}