/* Layout concept: the homepage's own system (ink, cream, paper bands; heavy Rubik with one gradient phrase; ink pills). Every section is one self-playing scene, in the order a real build happens: ask, route, scaffold, design, connect, first order, run it. */
.bwa {
  --ink: #101014;
  --paper: #fff;
  --cream: #f6f3ee;
  --line: #e8e6e1;
  --pink: #f65bd0;
  --violet: #a855f7;
  --cyan: #22d3ee;
  --mint: #34e0a0;
  --muted: #5b6270;
  --muted-d: #a8a6b2;
  --grad: linear-gradient(100deg, #f65bd0 0%, #a855f7 55%, #22d3ee 100%);
  --font:
    var(--font-rubik-hebrew), var(--font-rubik-latin), system-ui, -apple-system, 'Segoe UI', Arial,
    sans-serif;
  --mono: ui-monospace, 'SF Mono', Consolas, Menlo, monospace;
  color-scheme: light;
}
.bwa,
.bwa *,
.bwa *::before,
.bwa *::after {
  box-sizing: border-box;
}
.bwa {
  background: var(--ink);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
}
.bwa {
  overflow-x: clip;
}
.bwa .w {
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: max(16px, env(safe-area-inset-left, 0px))
    max(16px, env(safe-area-inset-right, 0px));
}
.bwa h1,
.bwa h2,
.bwa h3,
.bwa p {
  margin: 0;
}
.bwa h1,
.bwa h2 {
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.bwa h2 {
  font-size: clamp(2rem, 4.8vw, 3.5rem);
}
.bwa button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.bwa a {
  color: inherit;
}
.bwa :focus-visible {
  outline: 3px solid var(--violet);
  outline-offset: 3px;
  border-radius: 8px;
}
.bwa .g {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.bwa .mono {
  font-family: var(--mono);
  direction: ltr;
  unicode-bidi: isolate;
}
.bwa .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--ink);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 14px 26px;
  font-weight: 700;
  text-decoration: none;
  font-size: 1rem;
}
.bwa .btn.w2 {
  background: #fff;
  color: var(--ink);
}
.bwa .btn.o {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.38);
  color: #fff;
  font-weight: 600;
}
.bwa .btn.o:hover {
  background: rgba(255, 255, 255, 0.14);
}
.bwa .btn svg {
  width: 18px;
  height: 18px;
}
.bwa .sec {
  padding-block: clamp(64px, 9vw, 120px);
}
.bwa .paper {
  background: var(--paper);
}
.bwa .cream {
  background: var(--cream);
}
.bwa .dk {
  background: var(--ink);
  color: #fff;
}
.bwa .sh {
  max-width: 780px;
  margin-bottom: clamp(32px, 5vw, 56px);
  display: grid;
  gap: 16px;
}
.bwa .sh .k {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--violet);
}
.bwa .dk .sh .k {
  color: #c9b6ff;
}
.bwa .sh p {
  font-size: 1.15rem;
  color: var(--muted);
  max-width: 56ch;
}
.bwa .dk .sh p {
  color: var(--muted-d);
}
.bwa .round {
  border-radius: 40px 40px 0 0;
  margin-top: -40px;
  position: relative;
  z-index: 2;
}
@media (max-width: 700px) {
  .bwa .round {
    border-radius: 24px 24px 0 0;
    margin-top: -24px;
  }
}

/* floating nav */
@media (max-width: 700px) {
}

/* hero */
.bwa .hero {
  position: relative;
  background: var(--ink);
  color: #fff;
  padding: 150px 0 0;
}
.bwa .hero-bg {
  position: absolute;
  inset: 0 0 auto 0;
  height: 100%;
  overflow: hidden;
}
.bwa .hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
  display: block;
  transform: scaleX(-1);
  animation: bwa-kb 26s ease-in-out infinite alternate;
}
@keyframes bwa-kb {
  from {
    transform: scaleX(-1) scale(1);
  }
  to {
    transform: scaleX(-1) scale(1.09);
  }
}
.bwa .hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(16, 16, 20, 0.55) 0%,
    rgba(16, 16, 20, 0.78) 45%,
    #101014 92%
  );
}
.bwa .hero .w {
  position: relative;
  z-index: 3;
}
.bwa .hero h1 {
  font-size: clamp(2.5rem, 7vw, 5.2rem);
  max-width: 14ch;
}
.bwa .hero .sub {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: #d4d3dc;
  max-width: 52ch;
  margin-top: 24px;
}
.bwa .cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
  align-items: center;
}
.bwa .fine {
  color: var(--muted-d);
  font-size: 0.88rem;
  margin-top: 16px;
}
.bwa .hero .lapwrap {
  margin-top: 64px;
  position: relative;
  z-index: 3;
  margin-bottom: -150px;
}
.bwa .hero + .film {
  padding-top: 220px;
}

/* device + scaled screen */
.bwa .lap {
  max-width: 1060px;
  margin-inline: auto;
  background: #17171c;
  border-radius: 22px;
  padding: 11px;
  box-shadow:
    0 40px 90px rgba(16, 16, 20, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.07);
  position: relative;
}
.bwa .lap.tilt {
  transform: perspective(1800px) rotateX(var(--rx, 0deg));
  transform-origin: 50% 100%;
  transition: transform 0.25s;
}
.bwa .lap::after {
  content: '';
  position: absolute;
  inset: auto 0 -14px 0;
  height: 14px;
  margin-inline: 4%;
  background: #26262d;
  border-radius: 0 0 18px 18px;
}
.bwa .screen {
  --dw: 1000;
  --dh: 580;
  position: relative;
  width: 100%;
  aspect-ratio: calc(var(--dw) / var(--dh));
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg, #e9e3ff, #fff1e7 55%, #def6fb);
}
.bwa .desk {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--dw) * 1px);
  height: calc(var(--dh) * 1px);
  transform: scale(var(--s, 1));
  transform-origin: 0 0;
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  gap: 14px;
  padding: 16px;
  direction: ltr;
  text-align: left;
}
@media (max-width: 760px) {
  .bwa .screen {
    --dw: 620;
    --dh: 820;
  }
  .bwa .desk {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
.bwa .rtl {
  direction: rtl;
  text-align: right;
}
.bwa.live [data-at]:not(.on) {
  display: none !important;
}
.bwa [data-at].on {
  animation: bwa-rise 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
@keyframes bwa-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* windows */
.bwa .win {
  color: #1d1d22;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  box-shadow: 0 10px 28px rgba(16, 16, 20, 0.12);
  border: 1px solid rgba(16, 16, 20, 0.08);
  position: relative;
}
.bwa .bar {
  height: 34px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f4f2ee;
  border-bottom: 1px solid var(--line);
  font: 600 12px var(--mono);
  color: var(--muted);
}
.bwa .bar .tl {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.bwa .url {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 2px 14px;
  font: 500 11px var(--mono);
  direction: ltr;
}
.bwa .mk {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  background: #d97757;
  display: inline-block;
  flex: none;
}
.bwa .cl {
  background: #faf9f5;
}
.bwa .chat {
  flex: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  font-size: 14px;
  overflow: hidden;
}
.bwa .u {
  background: #efece4;
  border-radius: 14px;
  padding: 8px 13px;
  max-width: 86%;
  align-self: flex-end;
}
.bwa .ai {
  display: flex;
  gap: 9px;
  align-items: flex-start;
}
.bwa .ai .mk {
  margin-top: 4px;
}
.bwa .ai > div {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-start;
  min-width: 0;
}
.bwa .tool {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  border: 1px solid #e3e0d8;
  border-radius: 10px;
  padding: 4px 11px;
  font-size: 12.5px;
  background: #fff;
  color: #3a3a42;
}
.bwa .tool::before {
  content: '✓';
  color: #0e9f6e;
  font-weight: 800;
}
.bwa .tool.br {
  border-color: #cdbcf6;
  background: #f6f1ff;
}
.bwa .tool .mono {
  font-size: 11.5px;
}
.bwa .think {
  width: 34px;
  height: 8px;
  background: radial-gradient(circle, #9a978d 40%, transparent 42%) 0 0 / 11px 8px;
  animation: bwa-blink 1s steps(3) infinite;
}
@keyframes bwa-blink {
  50% {
    opacity: 0.35;
  }
}
.bwa .inp {
  margin: 0 14px 14px;
  border: 1px solid #e3e0d8;
  border-radius: 14px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  min-height: 44px;
  font-size: 13px;
  flex: none;
}
.bwa .draft {
  flex: 1;
  min-width: 0;
  color: #2a2a30;
  overflow-wrap: anywhere;
}
.bwa .draft:empty::before {
  content: attr(data-ph);
  color: #a8a49a;
}
.bwa .caret {
  width: 2px;
  height: 16px;
  background: #2a2a30;
  animation: bwa-blink 1s steps(1) infinite;
  display: none;
}
.bwa .typing .caret {
  display: block;
}
.bwa .send {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #dcd8cd;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 14px;
  flex: none;
}
.bwa .typing .send {
  background: var(--send, #d97757);
}

/* tool marks and per-tool windows (hero) */
.bwa .mkw {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: none;
}
.bwa .mkw svg {
  width: 100%;
  height: 100%;
  display: block;
}
.bwa .ai .mkw {
  width: 20px;
  height: 20px;
  margin-top: 3px;
}
.bwa .cl {
  --cbg: #faf9f5;
  --bubble: #efece4;
  --send: #d97757;
  --aif: var(--font-frank-hebrew), var(--font-frank-latin), Georgia, serif;
  --aisz: 16px;
  background: var(--cbg);
  transition: background 0.5s;
}
.bwa .cl[data-tool='codex'] {
  --cbg: #ffffff;
  --bubble: #f2f2f3;
  --send: #0d0d0d;
  --aif: inherit;
  --aisz: 14px;
}
.bwa .cl[data-tool='cursor'] {
  --cbg: #17181c;
  --bubble: #2a2c33;
  --send: #e8e8ee;
  --aif: inherit;
  --aisz: 14px;
  color: #e8e8ee;
}
.bwa .cl[data-tool='lovable'] {
  --cbg: #fffaf6;
  --bubble: #ffe9f3;
  --send: #f43f8f;
  --aif: inherit;
  --aisz: 14px;
}
.bwa .cl .ai p {
  font-family: var(--aif);
  font-size: var(--aisz);
}
.bwa .cl .u {
  background: var(--bubble);
}
.bwa .cl.typing .send,
.bwa .typing .cl .send {
  background: var(--send);
}
.bwa .cl[data-tool='cursor'] .bar {
  background: #202228;
  border-color: #2e3038;
  color: #b5b8c2;
}
.bwa .cl[data-tool='cursor'] .tool {
  background: #22242b;
  border-color: #34363f;
  color: #d9dbe2;
}
.bwa .cl[data-tool='cursor'] .inp {
  background: #202228;
  border-color: #34363f;
}
.bwa .cl[data-tool='cursor'] .draft {
  color: #e8e8ee;
}
.bwa .cl[data-tool='cursor'] .caret {
  background: #e8e8ee;
}
.bwa .cl[data-tool='cursor'] .send {
  color: #17181c;
  background: #4a4d57;
}
.bwa .cl[data-tool='codex'] .bar {
  background: #fafafa;
}
.bwa .cl .send svg {
  width: 14px;
  height: 14px;
}
.bwa .send {
  color: #fff;
}
.bwa .copy-pill-marks {
  display: inline-flex;
  margin-inline-end: 2px;
}
.bwa .copy-pill-marks .mkw {
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #17171c;
  margin-inline-start: -7px;
  padding: 3px;
  box-sizing: content-box;
  width: 16px;
  height: 16px;
}
.bwa .copy-pill-marks .mkw:first-child {
  margin-inline-start: 0;
}
.bwa .lock {
  width: 11px;
  height: 11px;
  margin-inline-end: 5px;
  vertical-align: -1px;
  opacity: 0.6;
}
.bwa .lap::before {
  content: '';
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2c2c35;
  transform: translateX(-50%);
  z-index: 3;
}
/* terminal */
.bwa .term {
  background: #0d0d12;
  color: #e8e8ee;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 28px rgba(16, 16, 20, 0.25);
}
.bwa .term .bar {
  background: #17171d;
  border-color: rgba(255, 255, 255, 0.08);
  color: #9a9aa8;
  justify-content: flex-start;
  padding-inline: 14px;
}
.bwa .dots {
  display: flex;
  gap: 6px;
}
.bwa .dots i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3a3a44;
  display: block;
}
.bwa .term pre {
  margin: 0;
  padding: 16px 18px;
  font: 500 14px/1.95 var(--mono);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  direction: ltr;
  text-align: left;
  flex: 1;
  overflow: hidden;
}
.bwa .term .c {
  color: #7d7d8c;
}
.bwa .term .ok {
  color: var(--mint);
}
.bwa .term .pk {
  color: #f8b4e6;
}
.bwa .term .vi {
  color: #c9b6ff;
}
.bwa .term .cy {
  color: var(--cyan);
}
.bwa .term .hl {
  background: rgba(168, 85, 247, 0.22);
  border-radius: 4px;
  padding: 0 3px;
}
.bwa .term pre [data-at].on,
.bwa .code pre [data-at].on {
  display: block;
}
.bwa .code .c {
  color: #7d7d8c;
}
.bwa .code .ok {
  color: var(--mint);
}
.bwa .cur2 {
  display: inline-block;
  width: 7px;
  height: 14px;
  background: #e8e8ee;
  vertical-align: -2px;
  animation: bwa-blink 1s steps(1) infinite;
}

/* mini store */
.bwa .store {
  --bg: #fff;
  --fg: #222;
  --card: #f4f4f4;
  --ac: #555;
  --r: 6px;
  --ff: var(--font);
  background: var(--bg);
  color: var(--fg);
  font-family: var(--ff);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  min-height: 0;
  position: relative;
  overflow: hidden;
  direction: rtl;
}
.bwa .store[data-skin='northline'] {
  --bg: #efe8dc;
  --fg: #2a241c;
  --card: #fbf8f1;
  --ac: #9a6b3c;
  --r: 2px;
  --ff: var(--font-frank-hebrew), var(--font-frank-latin), serif;
}
.bwa .store[data-skin='ridgewalk'] {
  --bg: #14241a;
  --fg: #eef3ea;
  --card: #1e3626;
  --ac: #c6f36b;
  --r: 14px;
  --ff: var(--font-rubik-hebrew), var(--font-rubik-latin), sans-serif;
}
.bwa .store[data-skin='solstraw'] {
  --bg: #f7ecd9;
  --fg: #3b2f1f;
  --card: #fffaf0;
  --ac: #2f7f86;
  --r: 22px;
  --ff: var(--font-varela-hebrew), var(--font-varela-latin), sans-serif;
}
.bwa .snav {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.bwa .snav b {
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.bwa .snav img {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: block;
}
.bwa .snav .sp {
  flex: 1;
}
.bwa .snav .lk {
  display: flex;
  gap: 14px;
  font-size: 12px;
  opacity: 0.7;
}
.bwa .cart {
  background: var(--ac);
  color: var(--bg);
  border-radius: var(--r);
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  transition: transform 0.3s;
}
.bwa .store[data-skin='ridgewalk'] .cart {
  color: #14241a;
}
.bwa .cart.pop {
  transform: scale(1.18);
}
.bwa .shero {
  background: var(--card);
  border-radius: var(--r);
  padding: 14px 16px;
  flex: none;
}
.bwa .snav,
.bwa .shero {
  animation: bwa-rise 0.5s both;
}
.bwa .shero b {
  font-size: 19px;
  display: block;
  line-height: 1.2;
}
.bwa .shero small {
  opacity: 0.7;
  font-size: 12px;
}
.bwa .sgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  flex: 1;
  min-height: 0;
}
.bwa .sc {
  background: var(--card);
  border-radius: var(--r);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 0;
  animation: bwa-rise 0.5s both;
}
.bwa .sc .im {
  position: relative;
  flex: 1;
  min-height: 0;
  border-radius: calc(var(--r) * 0.6);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
}
.bwa .sc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bwa .sc strong {
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
}
.bwa .sc .pr {
  font-size: 12px;
  opacity: 0.8;
  display: flex;
  justify-content: space-between;
  gap: 6px;
}
.bwa .sc .pr s {
  opacity: 0.6;
}
.bwa .sc .st {
  font-size: 10.5px;
  opacity: 0.6;
}
.bwa .sc .ad {
  background: var(--ac);
  color: var(--bg);
  border-radius: var(--r);
  text-align: center;
  font-size: 11.5px;
  padding: 4px;
  font-weight: 700;
  transition: background 0.3s;
}
.bwa .store[data-skin='ridgewalk'] .sc .ad {
  color: #14241a;
}
.bwa .sc .ad.done {
  background: #0e9f6e;
  color: #fff;
}
.bwa .badge {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 6px;
  background: #e11d48;
  color: #fff;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  padding: 1px 8px;
  direction: ltr;
}
.bwa .skel {
  flex: 1;
  display: grid;
  gap: 10px;
  padding: 14px;
  background: #fff;
}
.bwa .skel span {
  background: linear-gradient(90deg, #eeece7, #f7f5f1, #eeece7);
  background-size: 200% 100%;
  animation: bwa-sh 1.4s linear infinite;
  border-radius: 8px;
}
@keyframes bwa-sh {
  to {
    background-position: -200% 0;
  }
}
.bwa .skel span:nth-child(1) {
  height: 22px;
  width: 40%;
}
.bwa .skel span:nth-child(2) {
  height: 80px;
}
.bwa .skel span:nth-child(3) {
  height: 130px;
}
.bwa .banner {
  background: #e11d48;
  color: #fff;
  border-radius: var(--r);
  padding: 6px 12px;
  font-weight: 800;
  font-size: 12.5px;
  text-align: center;
  flex: none;
}
.bwa .toast {
  position: absolute;
  inset-inline: 14px;
  inset-block-end: 14px;
  background: var(--ink);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 12.5px;
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 8;
  direction: rtl;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}
.bwa .toast i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint);
  flex: none;
}
.bwa .toast b {
  font-weight: 800;
}
.bwa .scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 4;
}
.bwa .co {
  position: absolute;
  inset-inline: 22%;
  inset-block-start: 14%;
  background: #fff;
  color: #222;
  border-radius: 14px;
  padding: 14px;
  z-index: 5;
  display: grid;
  gap: 9px;
  font-size: 12.5px;
  font-family: var(--font);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  direction: rtl;
}
.bwa .co h4 {
  margin: 0;
  font-size: 14px;
}
.bwa .co .row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.bwa .co .th {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  object-fit: cover;
}
.bwa .co .tot {
  font-weight: 800;
  border-top: 1px solid #eee;
  padding-top: 7px;
}
.bwa .co .pay {
  background: #101014;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 8px;
  font-weight: 800;
  transition: background 0.3s;
}
.bwa .co .pay.paid {
  background: #0e9f6e;
}
.bwa .cursor {
  position: absolute;
  z-index: 9;
  width: 22px;
  height: 24px;
  transition:
    left 0.9s cubic-bezier(0.4, 0.1, 0.2, 1),
    top 0.9s cubic-bezier(0.4, 0.1, 0.2, 1);
  pointer-events: none;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
}
.bwa .cursor path {
  fill: #101014;
  stroke: #fff;
  stroke-width: 1.4;
}

/* router table */
.bwa .route {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(16, 16, 20, 0.08);
  box-shadow: 0 10px 28px rgba(16, 16, 20, 0.12);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  direction: rtl;
  min-width: 0;
}
.bwa .route h4 {
  margin: 0 0 2px;
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}
.bwa .rt {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1.1fr);
  gap: 10px;
  align-items: center;
  border: 1.5px solid var(--line);
  border-radius: 12px;
  padding: 11px 14px;
  opacity: 0.45;
  transition: 0.35s;
  flex: 1;
}
.bwa .rt b {
  font-size: 13.5px;
  display: block;
  line-height: 1.3;
}
.bwa .rt small {
  color: var(--muted);
  font-size: 12px;
}
.bwa .rt .ar {
  color: var(--violet);
  font-weight: 900;
  text-align: center;
}
.bwa .rt .tg {
  font: 600 11px var(--mono);
  background: #f1efea;
  border-radius: 6px;
  padding: 1px 7px;
  direction: ltr;
  display: inline-block;
  margin-top: 3px;
}
.bwa [data-route='0'] .rt0,
.bwa [data-route='1'] .rt1,
.bwa [data-route='2'] .rt2,
.bwa [data-route='3'] .rt3,
.bwa [data-route='all'] .rt {
  opacity: 1;
}
.bwa [data-route='0'] .rt0,
.bwa [data-route='1'] .rt1,
.bwa [data-route='2'] .rt2,
.bwa [data-route='3'] .rt3 {
  border-color: var(--violet);
  background: #f8f3ff;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.12);
}
.bwa .rt3 .tg {
  background: #e9fbf3;
  color: #0a7a55;
}

/* 3D stack */
.bwa .st3d {
  position: relative;
  perspective: 1100px;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at 50% 70%, #1b1b28, #0d0d12);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  min-width: 0;
}
.bwa .st3d-in {
  position: relative;
  width: 330px;
  height: 215px;
  transform-style: preserve-3d;
  transform: rotateX(var(--rx, 56deg)) rotateZ(var(--rz, -30deg));
  transition: transform 0.25s;
  margin-top: 70px;
}
.bwa .slab {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  transform: translateZ(0);
  transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  padding: 16px 18px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(2px);
}
.bwa .slab small {
  font: 600 11px var(--mono);
  opacity: 0.85;
  direction: ltr;
  text-align: left;
}
.bwa .slab b {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.1;
}
.bwa .slab .ch {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.bwa .slab .ch i {
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 2px 9px;
}
.bwa .slab.base {
  background: linear-gradient(135deg, #2a1f55, #14304a);
}
.bwa .slab.core {
  background: linear-gradient(135deg, rgba(52, 224, 160, 0.35), rgba(34, 211, 238, 0.25));
  border-color: rgba(52, 224, 160, 0.7);
}
.bwa .slab.ui {
  background: linear-gradient(135deg, rgba(246, 91, 208, 0.45), rgba(168, 85, 247, 0.4));
  border-color: rgba(246, 91, 208, 0.75);
  overflow: hidden;
}
.bwa .slab.ui .ph {
  position: absolute;
  inset-inline-end: 12px;
  inset-block-start: 12px;
  width: 90px;
  height: 120px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.bwa .ex .slab.core {
  transform: translateZ(95px);
}
.bwa .ex .slab.ui {
  transform: translateZ(190px);
}
.bwa .lockb {
  position: absolute;
  inset-inline-end: 16px;
  inset-block-end: 14px;
  width: 22px;
  height: 22px;
}
.bwa .cap {
  position: absolute;
  inset-inline: 14px;
  inset-block-end: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  z-index: 2;
  direction: rtl;
}
.bwa .cap i {
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  color: #8c8c9c;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 1px 9px;
  transition: 0.4s;
}
.bwa .cap i.on {
  color: #0d0d12;
  background: var(--mint);
  border-color: var(--mint);
  animation: none;
  display: inline-block !important;
}

/* code panel */
.bwa .code {
  background: #0d0d12;
  color: #e8e8ee;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 28px rgba(16, 16, 20, 0.25);
}
.bwa .code .bar {
  background: #17171d;
  border-color: rgba(255, 255, 255, 0.08);
  color: #9a9aa8;
}
.bwa .files {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font: 500 12.5px var(--mono);
  flex: 1;
  min-height: 0;
  overflow: hidden;
  direction: ltr;
  text-align: left;
}
.bwa .files .f {
  display: flex;
  gap: 10px;
  align-items: center;
}
.bwa .files .f::before {
  content: '✎';
  color: #f8b4e6;
}
.bwa .files .f.d::before {
  content: '✓';
  color: var(--mint);
}
.bwa .files .f.lk {
  color: var(--mint);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 9px;
  margin-top: auto;
}
.bwa .files .f.lk::before {
  content: '🔒';
  color: inherit;
}
.bwa .bars {
  padding: 0 16px 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  direction: rtl;
}
.bwa .bars i {
  font-style: normal;
  font-size: 11px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 1px 10px;
  color: #b5b5c4;
}
.bwa .bars i.on {
  border-color: var(--mint);
  color: var(--mint);
}
.bwa .bars i.on::before {
  content: '✓ ';
}
.bwa .tk {
  margin-top: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 10px 12px;
  display: grid;
  gap: 5px;
  color: #c9c9d6;
  font: 500 12px var(--mono);
}
.bwa .tk i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  margin-inline-end: 8px;
  vertical-align: -2px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.bwa .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 26px;
}
.bwa .chips button {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 18px;
  font-weight: 600;
  font-size: 0.92rem;
}
.bwa .chips button[aria-pressed='true'] {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}

/* connect */
.bwa .dash {
  background: #fff;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 18px;
  gap: 12px;
  direction: rtl;
  position: relative;
}
.bwa .apr {
  margin: auto;
  width: min(86%, 360px);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  display: grid;
  gap: 12px;
  text-align: center;
  box-shadow: 0 18px 40px rgba(16, 16, 20, 0.12);
}
.bwa .apr img {
  height: 22px;
  margin-inline: auto;
}
.bwa .apr h4 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}
.bwa .apr p {
  font-size: 12.5px;
  color: var(--muted);
}
.bwa .apr .go {
  background: var(--ink);
  color: #fff;
  border-radius: 999px;
  padding: 9px;
  font-weight: 800;
  font-size: 13px;
}
.bwa .apr .go.hit {
  background: #0e9f6e;
}
.bwa .okc {
  display: grid;
  gap: 8px;
  margin: auto;
  text-align: center;
  width: min(86%, 360px);
}
.bwa .okc .tick {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #0e9f6e;
  color: #fff;
  display: grid;
  place-items: center;
  margin-inline: auto;
  font-size: 24px;
  font-weight: 800;
}
.bwa .okc b {
  font-size: 16px;
}
.bwa .okc p {
  font-size: 12.5px;
  color: var(--muted);
}
.bwa .note {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 12px;
  text-align: center;
}
.bwa .note span {
  font-size: 10.5px;
  background: rgba(0, 0, 0, 0.62);
  color: #fff;
  border-radius: 999px;
  padding: 2px 12px;
}

/* phone + orders */
.bwa .phone {
  width: 258px;
  height: 100%;
  max-height: 520px;
  margin: auto;
  background: #0b0b0e;
  border-radius: 40px;
  padding: 9px;
  position: relative;
  box-shadow: 0 24px 50px rgba(16, 16, 20, 0.3);
}
.bwa .phone .store {
  border-radius: 32px;
  height: 100%;
  padding: 12px;
}
.bwa .phone .sgrid {
  grid-template-columns: 1fr 1fr;
}
.bwa .phone .snav .lk {
  display: none;
}
.bwa .phone .sgrid .sc:nth-child(3) {
  display: none;
}
.bwa .phone .co {
  inset-inline: 8%;
  inset-block-start: 22%;
}
.bwa .orders {
  background: #fff;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  direction: rtl;
}
.bwa .orders .hd {
  padding: 14px 18px;
  font-weight: 800;
  font-size: 15px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
}
.bwa .orow {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 62px 56px;
  gap: 8px;
  align-items: center;
  padding: 11px 18px;
  border-bottom: 1px solid #f1efea;
  font-size: 12.5px;
}
.bwa .orow.dim {
  color: #9a9aa4;
}
.bwa .orow .pd {
  background: #e7f8f0;
  color: #0a7a55;
  border-radius: 999px;
  padding: 1px 9px;
  font-weight: 700;
  font-size: 11px;
  text-align: center;
}
.bwa .inv {
  margin: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  background: #faf9f6;
}
.bwa .inv b {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}
.bwa .inv .dn {
  color: #b42318;
  font-weight: 800;
}

/* limits */
.bwa .lim {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 960px) {
  .bwa .lim {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .bwa .lim {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bwa .lim div {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 24px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.bwa .lim svg {
  width: 34px;
  height: 34px;
  color: var(--violet);
}
.bwa .lim h3 {
  font-size: 1.15rem;
  font-weight: 800;
}
.bwa .lim p {
  color: var(--muted);
  font-size: 0.96rem;
}

/* plans + faq */
.bwa .plans {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 860px) {
  .bwa .plans {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bwa .plan {
  background: #1a1a21;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 28px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.bwa .plan.pop {
  background: linear-gradient(180deg, #25203a, #1a1a21);
  border-color: #a855f7;
}
.bwa .plan .pill {
  font-size: 0.75rem;
  font-weight: 700;
  background: var(--grad);
  color: #101014;
  border-radius: 999px;
  padding: 2px 12px;
  width: fit-content;
}
.bwa .plan h3 {
  font-size: 1.2rem;
  font-weight: 800;
}
.bwa .plan .pr {
  font-size: 2.6rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.bwa .plan .pr small {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--muted-d);
  display: block;
  margin-top: 6px;
}
.bwa .plan ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
  color: #d4d3dc;
  font-size: 0.96rem;
}
.bwa .plan li::before {
  content: '✓';
  color: var(--mint);
  font-weight: 800;
  margin-inline-end: 9px;
}
.bwa .nofee {
  margin-top: 26px;
  color: var(--muted-d);
  font-size: 0.95rem;
  max-width: 64ch;
}
.bwa details {
  border-bottom: 1px solid var(--line);
  padding-block: 20px;
}
.bwa summary {
  font-weight: 800;
  font-size: 1.2rem;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.bwa summary::after {
  content: '+';
  font-size: 1.6rem;
  line-height: 1;
  color: var(--violet);
}
.bwa details[open] summary::after {
  content: '−';
}
.bwa details p {
  color: var(--muted);
  margin-top: 12px;
  max-width: 70ch;
}
.bwa .final h2 {
  font-size: clamp(2.2rem, 6vw, 4.4rem);
  max-width: 16ch;
}
.bwa .tag {
  position: absolute;
  inset-block-end: 10px;
  inset-inline-start: 10px;
  font-size: 10.5px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 999px;
  padding: 1px 10px;
  z-index: 12;
}
.bwa .toolsline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 26px;
  color: #b8b6c2;
  font-size: 0.9rem;
}
.bwa .toolsline span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.bwa .toolsline span::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--grad);
}
@media (prefers-reduced-motion: reduce) {
  .bwa,
  .bwa *,
  .bwa *::before,
  .bwa *::after,
  .bwa *::before,
  .bwa *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* ===== v3: result first ===== */
.bwa .screen.one {
  --dw: 1000;
  --dh: 660;
}
.bwa .desk.one {
  grid-template-columns: 1fr;
}
@media (max-width: 760px) {
  .bwa .screen.one {
    --dw: 660;
    --dh: 560;
  }
  .bwa .desk.one {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.bwa .lapwrap {
  position: relative;
}

/* the big store: a real-looking shop, large type, large photos */
.bwa .store.big {
  padding: 18px 20px;
  gap: 14px;
  font-size: 15px;
}
.bwa .store.big .snav b {
  font-size: 22px;
}
.bwa .store.big .snav img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.bwa .store.big .lk {
  font-size: 14px;
  gap: 24px;
}
.bwa .store.big .cart {
  font-size: 14px;
  padding: 5px 16px;
}
.bwa .bhero {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: var(--card);
  border-radius: var(--r);
  overflow: hidden;
  flex: none;
  height: 188px;
  animation: bwa-rise 0.5s both;
}
.bwa .bhero .bt {
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.bwa .bhero h3 {
  font-size: 30px;
  line-height: 1.08;
  font-weight: 900;
  margin: 0;
}
.bwa .bhero p {
  opacity: 0.72;
  font-size: 15px;
}
.bwa .store.big .banner + .bhero {
  height: 124px;
}
.bwa .store.big .banner + .bhero h3 {
  font-size: 24px;
}
.bwa .store.big .banner + .bhero .bt {
  padding: 14px 22px;
  gap: 6px;
}
.bwa .bhero .bb {
  background: var(--ac);
  color: var(--bg);
  border-radius: var(--r);
  padding: 8px 20px;
  width: fit-content;
  font-weight: 700;
  font-size: 14px;
}
.bwa .store[data-skin='ridgewalk'] .bhero .bb {
  color: #14241a;
}
.bwa .bhero .bi {
  position: relative;
  overflow: hidden;
}
.bwa .bhero .bi img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 22%;
}
.bwa .store.big .sgrid {
  gap: 12px;
}
.bwa .store.big .sc {
  padding: 10px;
  gap: 6px;
}
.bwa .store.big .sc strong {
  font-size: 15px;
}
.bwa .store.big .sc .pr {
  font-size: 14px;
}
.bwa .store.big .sc .st {
  font-size: 12px;
}
.bwa .store.big .sc .ad {
  font-size: 13px;
  padding: 6px;
}
.bwa .store.big .co {
  inset-inline: 30%;
  inset-block-start: 12%;
  padding: 18px;
  font-size: 14px;
  gap: 11px;
}
.bwa .store.big .co h4 {
  font-size: 17px;
}
.bwa .store.big .co .th {
  width: 42px;
  height: 42px;
}
.bwa .store.big .toast {
  font-size: 14px;
  inset-block-end: 16px;
}
.bwa .store.demo .sc {
  outline: 2px dashed rgba(127, 127, 127, 0.55);
  outline-offset: -2px;
}
.bwa .store.demo .sc .st {
  visibility: hidden;
}
.bwa .store.demo::before {
  content: 'נתוני דוגמה';
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 50%;
  transform: translateX(50%);
  background: #f59e0b;
  color: #1d1d22;
  font-weight: 800;
  font-size: 12px;
  border-radius: 999px;
  padding: 2px 14px;
  z-index: 6;
}
.bwa .live-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(14, 159, 110, 0.16);
  color: #0e9f6e;
  border-radius: 999px;
  padding: 3px 12px;
}
.bwa .live-dot::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0e9f6e;
}
.bwa .store[data-skin='ridgewalk'] .live-dot {
  color: #6ee7b7;
  background: rgba(110, 231, 183, 0.14);
}
.bwa .store[data-skin='ridgewalk'] .live-dot::before {
  background: #6ee7b7;
}

/* the merchant's phone */
.bwa .mphone {
  position: absolute;
  left: -118px;
  bottom: -130px;
  width: 218px;
  height: 436px;
  border-radius: 38px;
  background: #0b0b0e;
  padding: 8px;
  box-shadow:
    0 30px 60px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  transform: rotate(-5deg);
  z-index: 6;
}
.bwa .mp {
  width: 100%;
  height: 100%;
  border-radius: 31px;
  background: radial-gradient(ellipse at 25% 15%, #7c3aed 0, #1b1240 48%, #0a0a18 100%);
  position: relative;
  overflow: hidden;
  color: #fff;
  direction: rtl;
  padding: 46px 12px 12px;
}
.bwa .mp::before {
  content: '';
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 50%;
  width: 64px;
  height: 18px;
  border-radius: 999px;
  background: #000;
  transform: translateX(50%);
}
.bwa .mp .tm {
  font-size: 58px;
  font-weight: 300;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.02em;
}
.bwa .mp .dt {
  text-align: center;
  font-size: 13px;
  opacity: 0.8;
  margin-top: 8px;
}
.bwa .mp .nt {
  margin-top: 26px;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  font-size: 12px;
  line-height: 1.4;
}
.bwa .mp .nt img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #fff;
  padding: 3px;
}
.bwa .mp .nt b {
  font-weight: 700;
  margin-inline-end: 8px;
}
.bwa .mp .nt .nw {
  opacity: 0.7;
  font-size: 11px;
}
.bwa .mp .nt p {
  margin-top: 2px;
}
@media (max-width: 900px) {
  .bwa .mphone {
    display: none;
  }
}

/* decisions board */
.bwa .board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 860px) {
  .bwa .board {
    grid-template-columns: minmax(0, 1fr);
  }
}
.bwa .bp {
  background: #1a1a21;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 26px;
  padding: 26px;
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
  min-height: 330px;
}
.bwa .bp .bk {
  font-size: 0.85rem;
  font-weight: 700;
  color: #c9b6ff;
  letter-spacing: 0.04em;
}
.bwa .bp p {
  color: var(--muted-d);
  font-size: 0.98rem;
  max-width: 46ch;
}
.bwa .bmood {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.bwa .bmood img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}
.bwa .bmood img:nth-child(2) {
  margin-top: 18px;
}
.bwa .bsw {
  display: flex;
  gap: 8px;
  align-items: center;
}
.bwa .bsw i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.35);
  display: block;
}
.bwa .bsw .aa {
  margin-inline-start: auto;
  font:
    900 34px var(--font-frank-hebrew),
    var(--font-frank-latin),
    serif;
  color: #efe8dc;
}
.bwa .bmap {
  position: relative;
  border-radius: 18px;
  background: #101018;
  overflow: hidden;
}
.bwa .bmap canvas {
  width: 100%;
  height: auto;
  display: block;
}
.bwa .zchips {
  position: absolute;
  inset-inline: 12px;
  inset-block-end: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.bwa .zchips span {
  background: #34e0a0;
  color: #0d0d12;
  font-weight: 700;
  font-size: 13px;
  border-radius: 999px;
  padding: 3px 14px;
}
.bwa .bch {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #101018;
  border-radius: 18px;
  padding: 18px;
}
.bwa .bch img {
  width: 52px;
  height: 52px;
  border-radius: 14px;
}
.bwa .bch b {
  font-size: 1.25rem;
  display: block;
  line-height: 1.1;
}
.bwa .bch small {
  color: var(--muted-d);
}
.bwa .bch .ok2 {
  margin-inline-start: auto;
  background: rgba(52, 224, 160, 0.15);
  color: #34e0a0;
  font-weight: 800;
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 0.9rem;
}
.bwa .bpay {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.bwa .bpay span {
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 18px 10px;
  text-align: center;
  font-weight: 800;
  font-size: 1.15rem;
  color: #cfcfda;
  transition: 0.35s;
}
.bwa .bpay span.sel {
  border-color: #a855f7;
  background: rgba(168, 85, 247, 0.18);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.16);
}
.bwa .lockp {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.bwa .lockp svg {
  width: 20px;
  height: 20px;
  flex: none;
  color: #c9b6ff;
  margin-top: 2px;
}

/* more brands, more layouts */
.bwa .bhero.full {
  display: block;
  position: relative;
}
.bwa .bhero.full .bi {
  position: absolute;
  inset: 0;
}
.bwa .bhero.full .bi::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.08) 72%);
}
.bwa .bhero.full .bt {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 56%;
  color: #fff;
}
.bwa .bhero.full .bb {
  background: #fff;
  color: #111;
}
.bwa .bhero.center {
  grid-template-columns: 1fr;
  height: 150px;
  text-align: center;
}
.bwa .bhero.center .bt {
  align-items: center;
}
.bwa .bhero.center .bi {
  display: none;
}
.bwa .bhero.center h3 {
  font-size: 34px;
}
.bwa .bhero.rev {
  direction: ltr;
}
.bwa .bhero.rev .bt {
  direction: rtl;
}
.bwa .ctitle {
  font-size: 22px;
  font-weight: 800;
  flex: none;
}

/* the showcase: two rows of different stores, drifting in opposite directions */
.bwa .mq {
  overflow: hidden;
  direction: ltr;
  margin-top: 22px;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.bwa .mq-track {
  display: flex;
  gap: 26px;
  width: max-content;
  animation: bwa-mq 70s linear infinite;
  padding-block: 6px;
}
.bwa .mq-track.rev {
  animation-direction: reverse;
  animation-duration: 80s;
}
@keyframes bwa-mq {
  to {
    transform: translateX(-50%);
  }
}
.bwa .mq:hover .mq-track {
  animation-play-state: paused;
}
.bwa .mc {
  --k: 0.4;
  margin: 0;
  flex: none;
}
@media (max-width: 700px) {
  .bwa .mc {
    --k: 0.27;
  }
  .bwa .mq-track {
    gap: 16px;
  }
}
.bwa .mc-win {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(16, 16, 20, 0.16);
  border: 1px solid rgba(16, 16, 20, 0.08);
}
.bwa .mc-bar {
  height: 22px;
  background: #f4f2ee;
  display: flex;
  gap: 5px;
  align-items: center;
  padding-inline: 10px;
  border-bottom: 1px solid var(--line);
}
.bwa .mc-bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8d4cb;
  display: block;
}
.bwa .mc-view {
  width: calc(1000px * var(--k));
  height: calc(640px * var(--k));
  overflow: hidden;
  position: relative;
}
.bwa .mc-store.store {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 640px;
  transform: scale(var(--k));
  transform-origin: 0 0;
  flex: none;
}
.bwa .mc figcaption {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 4px 0;
  direction: rtl;
  font-size: 0.95rem;
}
.bwa .mc figcaption b {
  font-weight: 800;
}
.bwa .mc figcaption span {
  color: var(--muted);
}

/* ===== v3 polish: quieter, tidier, premium ===== */
.bwa .store {
  --fh: var(--ff);
}
.bwa .store[data-skin='northline'] {
  --bg: #f4efe7;
  --fg: #26211b;
  --card: #fbf8f3;
  --ac: #26211b;
  --r: 3px;
  --ff: var(--font-rubik-hebrew), var(--font-rubik-latin), sans-serif;
  --fh: var(--font-frank-hebrew), var(--font-frank-latin), serif;
}
.bwa .store.big {
  padding: 0;
  gap: 0;
  font-size: 15px;
}
.bwa .store.big .snav {
  padding: 16px 28px;
  background: var(--bg);
  border-bottom: 1px solid color-mix(in srgb, var(--fg) 12%, transparent);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
}
.bwa .store.big .snav .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-self: start;
}
.bwa .store.big .snav b {
  font-family: var(--fh);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.bwa .store.big .snav .lk {
  grid-column: 2;
  display: flex;
  gap: 30px;
  font-size: 14px;
  opacity: 0.8;
  font-weight: 500;
}
.bwa .store.big .snav .cart {
  grid-column: 3;
  justify-self: end;
  background: none;
  color: var(--fg);
  padding: 0;
  gap: 7px;
  font-size: 14px;
  position: relative;
}
.bwa .store.big .snav .cart svg {
  width: 24px;
  height: 24px;
}
.bwa .store.big .snav .cart b {
  font-family: var(--ff);
  font-size: 12px;
  font-weight: 700;
  background: var(--ac);
  color: var(--bg);
  min-width: 19px;
  height: 19px;
  border-radius: 99px;
  display: grid;
  place-items: center;
  padding: 0 5px;
}
.bwa .store[data-skin='ridgewalk'].big .snav .cart b {
  color: #14241a;
}
.bwa .store.big .bhero {
  margin: 20px 28px 0;
  height: 214px;
  grid-template-columns: 1fr 38%;
  border-radius: var(--r);
}
.bwa .store.big .bhero .bt {
  padding: 26px 34px;
  gap: 12px;
}
.bwa .store.big .bhero h3 {
  font-family: var(--fh);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.bwa .store.big .bhero p {
  font-size: 16px;
  opacity: 0.7;
  max-width: 30ch;
}
.bwa .store.big .bhero .bb {
  padding: 10px 26px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 4px;
}
.bwa .store.big .bhero .bi img {
  object-position: 50% 6%;
}
.bwa .store.big .bhero.full .bi img,
.bwa .store.big .bhero.rev .bi img {
  object-position: 50% 30%;
}
.bwa .store.big .bhero.center {
  height: 170px;
}
.bwa .store.big .banner + .bhero {
  height: 150px;
  margin-top: 12px;
}
.bwa .store.big .banner {
  margin: 12px 28px 0;
}
.bwa .store.big .ctitle {
  font-family: var(--fh);
  font-size: 26px;
  font-weight: 700;
  margin: 22px 28px 0;
}
.bwa .store.big .sgrid {
  gap: 18px;
  padding: 18px 28px 14px;
  flex: 1;
  min-height: 0;
}
.bwa .store.big .sc {
  background: none;
  padding: 0;
  gap: 4px;
  border-radius: 0;
}
.bwa .store.big .sc .im {
  border-radius: var(--r);
  background: var(--card);
}
.bwa .store.big .sc strong {
  font-family: var(--fh);
  font-size: 16px;
  font-weight: 700;
  margin-top: 6px;
}
.bwa .store.big .sc .pr {
  font-size: 15px;
  opacity: 1;
  font-weight: 500;
}
.bwa .store.big .sc .st {
  font-size: 12px;
  opacity: 0.65;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bwa .store.big .sc .st i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2f9e6e;
  display: block;
}
.bwa .store.big .sc .ad {
  margin-top: 6px;
  padding: 8px;
  font-size: 13.5px;
  font-weight: 600;
  border-radius: var(--r);
}
.bwa .store.big .sfoot {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 28px;
  font-size: 12.5px;
  opacity: 0.72;
  border-top: 1px solid color-mix(in srgb, var(--fg) 12%, transparent);
  height: 46px;
}
.bwa .store.big .toast {
  inset-inline: 22px;
  inset-block-end: 8px;
  border-radius: 12px;
  padding: 11px 16px;
  font-size: 14px;
}
.bwa .store.big .scrim {
  background: rgba(20, 16, 12, 0.5);
  backdrop-filter: blur(2px);
}
.bwa .store.demo::before {
  inset-block-start: 74px;
}

/* the shopper's Stripe checkout */
.bwa .stp {
  position: absolute;
  z-index: 5;
  inset-block-start: 5%;
  inset-inline: 0;
  margin-inline: auto;
  width: 392px;
  background: #fff;
  color: #1a1f36;
  border-radius: 14px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
  font-family: var(--font-rubik-hebrew), var(--font-rubik-latin), sans-serif;
  direction: rtl;
  padding: 20px 24px 18px;
  display: grid;
  gap: 14px;
  animation: bwa-rise 0.4s both;
}
.bwa .stp small {
  font-size: 12.5px;
  color: #6b7280;
  font-weight: 500;
}
.bwa .stp-h {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
}
.bwa .stp-h b {
  font-weight: 700;
  font-size: 16px;
}
.bwa .stp-back {
  color: #6b7280;
  font-size: 18px;
}
.bwa .stp-h em {
  margin-inline-start: auto;
  font-style: normal;
  background: #fff3d6;
  color: #8a5a00;
  font-weight: 700;
  font-size: 11px;
  border-radius: 4px;
  padding: 2px 8px;
}
.bwa .stp-amt {
  display: grid;
  gap: 2px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eef0f4;
}
.bwa .stp-amt strong {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.bwa .stp-it {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  font-size: 14.5px;
  font-weight: 600;
}
.bwa .stp-it img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
}
.bwa .stp-it span {
  display: grid;
  line-height: 1.3;
}
.bwa .stp-it b {
  font-weight: 600;
}
.bwa .stp-f {
  display: grid;
  gap: 5px;
}
.bwa .stp-f > span,
.bwa .stp-n,
.bwa .stp-r > span {
  border: 1px solid #d6d9e0;
  background: #fff;
  border-radius: 7px;
  padding: 10px 12px;
  font-size: 14.5px;
  min-height: 40px;
  direction: ltr;
  text-align: left;
  display: block;
}
.bwa .stp-card {
  display: grid;
  gap: 5px;
}
.bwa .stp-n {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.bwa .stp-r {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: -1px;
}
.bwa .stp-r > span {
  border-radius: 0 0 0 7px;
}
.bwa .stp-r > span + span {
  border-radius: 0 0 7px 0;
  margin-inline-start: -1px;
}
.bwa .stp .ph {
  color: #a3a9b5;
}
.bwa .stp-pay {
  background: #635bff;
  color: #fff;
  border-radius: 8px;
  height: 46px;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 16px;
  position: relative;
  transition: background 0.3s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.bwa .stp-pay .spin {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  opacity: 0;
  animation: bwa-spn 0.7s linear infinite;
}
@keyframes bwa-spn {
  to {
    transform: rotate(360deg);
  }
}
.bwa .stp-pay.busy .lbl {
  opacity: 0;
}
.bwa .stp-pay.busy .spin {
  opacity: 1;
}
.bwa .stp-pay.paid {
  background: #0e9f6e;
}
.bwa .stp-ft {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #6b7280;
}
.bwa .stm {
  height: 17px;
  width: auto;
  display: block;
}
.bwa .stp-r {
  direction: ltr;
}
.bwa .stp-ft b {
  color: #635bff;
  font-weight: 700;
  font-size: 15px;
  margin-inline-start: -4px;
}
.bwa .stm {
  height: 18px;
}

/* ===== v3 polish 2: give the photos room ===== */
.bwa .store.big .snav {
  padding: 13px 28px;
}
.bwa .store.big .bhero {
  margin: 16px 28px 0;
  height: 160px;
}
.bwa .store.big .bhero .bt {
  padding: 16px 34px;
  gap: 8px;
}
.bwa .store.big .bhero h3 {
  font-size: 34px;
}
.bwa .store.big .bhero p {
  font-size: 15px;
}
.bwa .store.big .bhero .bb {
  padding: 8px 24px;
  margin-top: 2px;
}
.bwa .store.big .bhero.center {
  height: 140px;
}
.bwa .store.big .banner + .bhero {
  height: 130px;
  margin-top: 10px;
}
.bwa .store.big .sgrid {
  padding: 14px 28px 16px;
  gap: 18px;
}
.bwa .store.big .sc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto auto auto;
  column-gap: 8px;
  row-gap: 3px;
  align-items: baseline;
}
.bwa .store.big .sc .im {
  grid-column: 1 / -1;
  align-self: stretch;
}
.bwa .store.big .sc strong {
  grid-column: 1;
  margin-top: 8px;
}
.bwa .store.big .sc .pr {
  grid-column: 2;
  margin-top: 8px;
  justify-content: flex-end;
}
.bwa .store.big .sc .st {
  grid-column: 1 / -1;
}
.bwa .store.big .sc .ad {
  grid-column: 1 / -1;
  margin-top: 5px;
  padding: 7px;
}
.bwa .store.big .sfoot {
  height: 38px;
  font-size: 12px;
}
.bwa .store.big .snav .cart b {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-start: 13px;
}
.bwa .store.big .snav .cart {
  margin-inline-start: 10px;
}

/* ===== v4: stages ===== */
.bwa .rail {
  position: fixed;
  inset-block-start: 50%;
  inset-inline-end: 16px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.bwa .rail.show {
  opacity: 1;
  pointer-events: auto;
}
.bwa .rail a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 17px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--ink);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  position: relative;
  transition:
    background 0.25s,
    color 0.25s,
    box-shadow 0.25s;
}
.bwa .rail a span {
  position: absolute;
  inset-inline-end: 50px;
  white-space: nowrap;
  background: var(--ink);
  color: #fff;
  padding: 3px 12px;
  border-radius: 99px;
  font-size: 12.5px;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
.bwa .rail a.on {
  background: var(--ink);
  color: #fff;
  box-shadow: 0 0 0 3px var(--violet);
}
.bwa .rail a.on span,
.bwa .rail a:hover span {
  opacity: 1;
}
@media (max-width: 1000px) {
  .bwa .rail {
    inset-block-start: auto;
    inset-block-end: 12px;
    inset-inline: 0;
    margin-inline: auto;
    width: fit-content;
    transform: none;
    flex-direction: row;
    gap: 6px;
    padding: 6px;
    background: rgba(16, 16, 20, 0.92);
    border-radius: 99px;
  }
  .bwa .rail a {
    width: 34px;
    height: 34px;
    font-size: 15px;
    box-shadow: none;
  }
  .bwa .rail a span {
    display: none;
  }
}
.bwa .altb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 30px 38px;
}
.bwa .altb .k {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--violet);
}
.bwa .altb h3 {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 900;
  line-height: 1.1;
  margin: 6px 0 8px;
}
.bwa .altb p {
  color: var(--muted);
  max-width: 54ch;
}
.bwa .altm {
  display: flex;
  gap: 10px;
}
.bwa .altm .mkw {
  width: 48px;
  height: 48px;
  padding: 11px;
  background: var(--cream);
  border-radius: 50%;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .bwa .altb {
    padding: 24px;
  }
}

.bwa .screen.one .dsh,
.bwa .dsh {
  background: #fbfaf8;
}
.bwa .dsh .bar .tl b {
  font: 600 12px var(--font);
  color: var(--muted);
}
.bwa .dbody {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 18px;
  padding: 18px;
  direction: rtl;
  text-align: right;
  font-size: 14px;
}
.bwa .dbody.col {
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 14px;
}
.bwa .lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.bwa .lane {
  --lc: #f65bd0;
  border: 1.5px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fff;
  display: grid;
  gap: 2px;
  transition: 0.35s;
  opacity: 0.62;
}
.bwa .lane[data-lane='1'],
.bwa .pt[data-l='1'] {
  --lc: #a855f7;
}
.bwa .lane[data-lane='2'],
.bwa .pt[data-l='2'] {
  --lc: #22d3ee;
}
.bwa .lane b {
  font-size: 15px;
  line-height: 1.25;
}
.bwa .lane small {
  color: #6b7280;
  font-size: 12.5px;
}
.bwa .lane.act {
  opacity: 1;
  border-color: var(--lc);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--lc) 20%, transparent);
}
.bwa .pg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.bwa .pt {
  --lc: #f65bd0;
  aspect-ratio: 1.5;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid var(--lc);
  background: #fff;
  opacity: 0;
  transform: translateY(10px) scale(0.96);
  transition:
    opacity 0.45s,
    transform 0.45s;
}
.bwa .pt.in {
  opacity: 1;
  transform: none;
}
.bwa .pt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bwa .chn {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
}
.bwa .chn .bk {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--violet);
  letter-spacing: 0.05em;
}
.bwa .chc {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--cream);
  border-radius: 12px;
  padding: 12px;
}
.bwa .chc img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.bwa .chc b {
  display: block;
  font-size: 16px;
  line-height: 1.1;
}
.bwa .chc small {
  color: #6b7280;
}
.bwa .chc .ok2 {
  margin-inline-start: auto;
  background: #e3f7ee;
  color: #0e9f6e;
  font-weight: 800;
  border-radius: 99px;
  padding: 3px 12px;
  font-size: 13px;
}
.bwa .cnt {
  display: grid;
  gap: 6px;
}
.bwa .cnt b {
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}
.bwa .cnt > span {
  color: #6b7280;
  font-size: 13px;
}
.bwa .bar2 {
  height: 8px;
  border-radius: 99px;
  background: #eceae4;
  overflow: hidden;
  display: block;
}
.bwa .bar2 i {
  display: block;
  height: 100%;
  width: 0;
  background: var(--grad);
  transition: width 0.5s;
}
.bwa .dbody > .chn {
  align-self: start;
}
.bwa .chn .cnote {
  font-size: 12.5px;
  color: #6b7280;
}

.bwa .dsh .bmap {
  background: #101018;
  border-radius: 14px;
}
.bwa .zl {
  display: grid;
  gap: 8px;
}
.bwa .zr {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px 14px;
  font-size: 14.5px;
}
.bwa .zr i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  flex: none;
}
.bwa .zr b {
  font-weight: 700;
}
.bwa .zr span {
  margin-inline-start: auto;
  font-weight: 800;
}

.bwa .pvs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.bwa .pv {
  border: 1.5px solid var(--line);
  border-radius: 16px;
  padding: 24px 10px;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
  background: #fff;
  transition: 0.35s;
}
.bwa .pv.sel {
  border-color: #635bff;
  box-shadow: 0 0 0 4px rgba(99, 91, 255, 0.16);
  color: #635bff;
}
.bwa .pconn {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  display: grid;
  gap: 12px;
}
.bwa .ph {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bwa .ph b {
  font-size: 16px;
}
.bwa .mode {
  background: #fff3d6;
  color: #8a5a00;
  font-weight: 700;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 12px;
  margin-inline-start: auto;
}
.bwa .mode.live {
  background: #e3f7ee;
  color: #0e9f6e;
}
.bwa .pconn label {
  display: grid;
  gap: 4px;
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}
.bwa .fld {
  display: block;
  border: 1px solid #d6d9e0;
  border-radius: 8px;
  padding: 9px 12px;
  font: 500 14px var(--mono);
  direction: ltr;
  text-align: left;
  min-height: 38px;
  background: #fff;
  color: #1a1f36;
}
.bwa .kbtn {
  background: #635bff;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  text-align: center;
  padding: 11px;
  transition: 0.3s;
}
.bwa .kbtn.ok {
  background: #0e9f6e;
}
.bwa .lockp2 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  color: #6b7280;
}
.bwa .lockp2 svg {
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--violet);
  margin-top: 1px;
}

.bwa .rw {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px 16px;
}
.bwa .rw > div {
  display: grid;
  line-height: 1.3;
}
.bwa .rw b {
  font-size: 16px;
}
.bwa .rw small {
  color: #6b7280;
  font-size: 12.5px;
  direction: ltr;
  text-align: right;
}
.bwa .rw .mode {
  margin-inline-start: auto;
}
.bwa .tg {
  width: 44px;
  height: 26px;
  border-radius: 99px;
  background: #d4d7de;
  position: relative;
  flex: none;
  transition: background 0.3s;
}
.bwa .tg i {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: inset-inline-start 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.bwa .tg.on {
  background: #0e9f6e;
}
.bwa .tg.on i {
  inset-inline-start: 21px;
}
.bwa .ord {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--ink);
  color: #fff;
  border-radius: 14px;
  padding: 13px 16px;
  font-size: 14px;
}
.bwa .ord i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint);
  flex: none;
}
@media (max-width: 760px) {
  .bwa .dbody {
    grid-template-columns: minmax(0, 1fr);
  }
  .bwa .screen.one {
    --dw: 660;
    --dh: 600;
  }
}
@media (max-width: 760px) {
  .bwa #S2 .screen.one {
    --dw: 660;
    --dh: 850;
  }
}

/* stores in a half-width window (stage A, manage by chat): smaller hero so the button is not clipped */
.bwa .desk:not(.one) .store.big .snav {
  padding: 12px 18px;
}
.bwa .desk:not(.one) .store.big .bhero {
  margin: 12px 18px 0;
  height: 150px;
}
.bwa .desk:not(.one) .store.big .bhero .bt {
  padding: 12px 18px;
  gap: 6px;
}
.bwa .desk:not(.one) .store.big .bhero h3 {
  font-size: 25px;
}
.bwa .desk:not(.one) .store.big .bhero p {
  font-size: 13px;
}
.bwa .desk:not(.one) .store.big .bhero .bb {
  padding: 6px 18px;
  font-size: 13px;
  margin-top: 0;
}
.bwa .desk:not(.one) .store.big .sgrid {
  padding: 12px 18px 12px;
  gap: 12px;
}
.bwa .desk:not(.one) .store.big .sfoot {
  padding: 0 18px;
  height: 34px;
  font-size: 11.5px;
}
.bwa .desk:not(.one) .store.big .banner {
  margin: 10px 18px 0;
}
.bwa .desk:not(.one) .store.big .banner + .bhero {
  height: 120px;
}

.bwa .lap[hidden] {
  display: none !important;
}
.bwa .live-dot {
  white-space: nowrap;
}
.bwa .store.big .live-dot {
  font-size: 11px;
  padding: 2px 10px;
}
.bwa .desk:not(.one) .store.big .snav .lk {
  gap: 18px;
}
.bwa .desk:not(.one) .store.big .snav .lk span:first-child {
  display: none;
}
.bwa .desk:not(.one) .store.big .snav {
  display: flex;
  gap: 14px;
}
.bwa .desk:not(.one) .store.big .snav .brand {
  flex: 1;
  min-width: 0;
}
.bwa .desk:not(.one) .store.big .snav .lk,
.bwa .desk:not(.one) .store.big .snav .cart {
  grid-column: auto;
}

/* the stage A switch */
.bwa .seg2 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 34px;
  padding: 5px;
  border-radius: 999px;
  background: #ece9e2;
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 2px rgba(16, 16, 20, 0.06);
}
.bwa .seg2 .thumb {
  position: absolute;
  inset-block: 5px;
  inset-inline-start: 5px;
  width: calc(50% - 5px);
  border-radius: 999px;
  background: var(--ink);
  box-shadow: 0 4px 14px rgba(16, 16, 20, 0.28);
  transition: transform 0.38s cubic-bezier(0.4, 0.1, 0.2, 1);
}
.bwa .seg2[data-v='old'] .thumb {
  transform: translateX(-100%);
}
.bwa .seg2 button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  background: none;
  padding: 13px 30px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.02rem;
  white-space: nowrap;
  color: var(--muted);
  transition: color 0.25s;
}
.bwa .seg2 button svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.bwa .seg2 button[aria-pressed='true'] {
  color: #fff;
}
.bwa .seg2 button[aria-pressed='false']:hover {
  color: var(--ink);
}
@media (max-width: 480px) {
  .bwa .seg2 button {
    padding: 12px 16px;
    font-size: 0.92rem;
    gap: 7px;
  }
  .bwa .seg2 button svg {
    width: 16px;
    height: 16px;
  }
}

.bwa .lane[hidden] {
  display: none;
}
.bwa .lanes {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}
.bwa .dk .seg2 {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}
.bwa .dk .seg2 .thumb {
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.bwa .dk .seg2 button {
  color: #c9c7d3;
}
.bwa .dk .seg2 button[aria-pressed='false']:hover {
  color: #fff;
}
.bwa .dk .seg2 button[aria-pressed='true'] {
  color: var(--ink);
}

/* stage B v2: the agent (or the Migration Tool) on the left, the catalog on the right */
.bwa .win[hidden] {
  display: none !important;
}
.bwa #S2 .screen {
  --dh: 640;
}
@media (max-width: 760px) {
  .bwa #S2 .screen {
    --dw: 620;
    --dh: 940;
  }
}
.bwa .chrow {
  min-height: 78px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.bwa .chrow > .bwa.live [data-at]:not(.on) {
  display: none !important;
}
.bwa .cnt2 {
  display: grid;
  gap: 4px;
}
.bwa .cnt2 b {
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}
.bwa .cnt2 > span {
  color: #6b7280;
  font-size: 12.5px;
}
.bwa #S2 .pg {
  margin-top: 0;
  gap: 10px;
}
.bwa #S2 .pt {
  aspect-ratio: auto;
  display: grid;
  grid-template-rows: auto auto;
  background: #fff;
}
.bwa #S2 .pt img {
  width: 100%;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  display: block;
  height: auto;
}
.bwa .pc {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 9px 6px;
  font-size: 12px;
  line-height: 1.3;
}
.bwa .pc b {
  font-weight: 600;
}
.bwa .pc span {
  font-weight: 700;
  color: #4b5563;
}
.bwa .mt {
  gap: 14px;
}
.bwa .mt-q {
  font-weight: 700;
  font-size: 15px;
}
.bwa .mt-src {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bwa .src {
  border: 1.5px solid var(--line);
  border-radius: 14px;
  padding: 18px 10px;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  background: #fff;
  transition: 0.35s;
}
.bwa .src.sel {
  border-color: #a855f7;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.16);
}
.bwa .mt-go {
  background: var(--ink);
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
  transition: 0.3s;
  opacity: 0.55;
}
.bwa .mt-go.go {
  opacity: 1;
  background: var(--violet);
}
.bwa .mt-prog {
  display: grid;
  gap: 8px;
  font-size: 14px;
}
.bwa .mt-done {
  background: #e3f7ee;
  color: #0e9f6e;
  font-weight: 800;
  border-radius: 12px;
  padding: 11px 14px;
}
@media (max-width: 760px) {
  .bwa #S2 .screen {
    --dw: 620;
    --dh: 1100;
  }
}
@media (max-width: 480px) {
  .bwa .seg2 button {
    padding: 11px 12px;
    font-size: 0.84rem;
    gap: 6px;
  }
  .bwa .seg2 button svg {
    display: none;
  }
}

/* a file attached to the chat */
.bwa #s2Inp {
  flex-wrap: wrap;
  transition:
    box-shadow 0.25s,
    border-color 0.25s;
}
.bwa #s2Inp.drop {
  border-color: var(--violet);
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.18);
}
.bwa .att {
  display: none;
  flex: 0 0 100%;
  margin-bottom: 4px;
}
.bwa .att.on {
  display: flex;
  animation: bwa-land 0.7s cubic-bezier(0.2, 0.9, 0.25, 1.15) both;
}
@keyframes bwa-land {
  0% {
    opacity: 0;
    transform: translate(70px, -120px) rotate(-8deg) scale(0.85);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.bwa .fchip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #fff;
  border: 1px solid #e3e0d8;
  border-radius: 12px;
  padding: 7px 12px 7px 10px;
  font-size: 13px;
  direction: ltr;
  box-shadow: 0 2px 6px rgba(16, 16, 20, 0.06);
}
.bwa .fi {
  font-style: normal;
  background: #0e9f6e;
  color: #fff;
  font: 800 10px var(--mono);
  border-radius: 6px;
  padding: 6px 7px;
  letter-spacing: 0.02em;
}
.bwa .fchip b {
  font-weight: 600;
  font-family: var(--mono);
  font-size: 12.5px;
}
.bwa .att .fx {
  margin-inline-start: 8px;
  align-self: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e8e4da;
  color: #6b7280;
  display: grid;
  place-items: center;
  font-size: 13px;
  line-height: 1;
}
.bwa .u .fchip {
  display: flex;
  width: fit-content;
  margin-bottom: 7px;
  background: #fff;
}

/* stage C v2 */
.bwa .mapx {
  position: relative;
}
.bwa .pinw {
  position: absolute;
  transform: translate(-50%, -135%);
  z-index: 2;
}
.bwa .pinw.low {
  transform: translate(-50%, 45%);
}
.bwa .pin {
  display: inline-block;
  padding: 2px 11px;
  border-radius: 99px;
  font-weight: 800;
  font-size: 13px;
  color: #0d0d12;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
.bwa .pin.uk {
  background: #f65bd0;
}
.bwa .pin.eu {
  background: #22d3ee;
}
.bwa .pin.us {
  background: #a855f7;
  color: #fff;
}
.bwa .zcs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.bwa .zc {
  --zc: #f65bd0;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px 12px 11px;
  display: grid;
  gap: 1px;
  min-width: 0;
}
.bwa .zc.eu {
  --zc: #22d3ee;
}
.bwa .zc.us {
  --zc: #a855f7;
}
.bwa .zc i {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 4px;
  background: var(--zc);
}
.bwa .zc b {
  font-size: 13.5px;
  font-weight: 700;
}
.bwa .zc strong {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.15;
  margin-top: 2px;
}
.bwa .zc small {
  color: #6b7280;
  font-size: 11.5px;
}
.bwa .taxc {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 16px;
}
.bwa .taxc .pct {
  font-size: 28px;
  font-weight: 900;
  color: #a855f7;
  line-height: 1;
}
.bwa .taxc b {
  display: block;
  font-size: 15px;
}
.bwa .taxc small {
  color: #6b7280;
  font-size: 12px;
}

.bwa .zcs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.bwa .zc {
  padding: 13px 10px 10px;
}
.bwa .zc strong {
  font-size: 24px;
}
.bwa .zc.ca {
  --zc: #f59e0b;
}
.bwa .pin.ca {
  background: #f59e0b;
}

.bwa .src {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.bwa .sico {
  width: 34px;
  height: 34px;
  flex: none;
  display: block;
}
.bwa .sico.wide {
  width: 150px;
  height: 31px;
}
@media (max-width: 480px) {
  .bwa .seg2 button {
    white-space: normal;
    line-height: 1.2;
    text-align: center;
  }
}

/* stage B: photo attachment + channel strip shown by script */
.bwa .fimg {
  width: 34px;
  height: 34px;
  border-radius: 7px;
  object-fit: cover;
  display: block;
  flex: none;
}
.bwa .fchip:has(.fimg) {
  padding: 5px 12px 5px 6px;
}
.bwa .chrow > * {
  display: none !important;
}
.bwa .chrow.show > .chc {
  display: flex !important;
  animation: bwa-rise 0.45s both;
}
.bwa .chrow.show > .cnt2 {
  display: grid !important;
  animation: bwa-rise 0.45s 0.1s both;
}

/* stage D: the app store */
.bwa .appst {
  display: grid;
  gap: 12px;
}
.bwa .appq {
  display: flex;
  align-items: center;
  gap: 9px;
  background: #fff;
  border: 1px solid #d6d9e0;
  border-radius: 12px;
  padding: 11px 14px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  max-width: 360px;
}
.bwa .appq svg {
  width: 18px;
  height: 18px;
  color: #6b7280;
  flex: none;
}
.bwa .app {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: 18px;
  padding: 18px 20px;
  transition: 0.35s;
}
.bwa .app.sel {
  border-color: #635bff;
  box-shadow: 0 0 0 4px rgba(99, 91, 255, 0.14);
}
.bwa .app > div {
  display: grid;
  gap: 2px;
}
.bwa .app b {
  font-size: 20px;
  font-weight: 800;
}
.bwa .app small {
  color: #6b7280;
  font-size: 13.5px;
}
.bwa .appic {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #635bff;
  display: grid;
  place-items: center;
  flex: none;
}
.bwa .appic svg {
  width: 26px;
  height: 34px;
  display: block;
}
.bwa .inst {
  margin-inline-start: auto;
  background: var(--ink);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  border-radius: 99px;
  padding: 9px 24px;
  transition: 0.3s;
  white-space: nowrap;
}
.bwa .inst.done {
  background: #0e9f6e;
}
.bwa .app.ghost {
  border-style: dashed;
  background: transparent;
  padding: 14px 20px;
}
.bwa .app.ghost b {
  font-size: 15px;
  color: #4b5563;
}
.bwa .app.ghost small {
  font-size: 12.5px;
}

.bwa .apps2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.bwa .apps2 .app {
  padding: 14px 16px;
  gap: 12px;
  min-width: 0;
}
.bwa .apps2 .appic {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}
.bwa .apps2 .app b {
  font-size: 18px;
}
.bwa .apps2 .app small {
  font-size: 12.5px;
}
.bwa .apps2 .inst {
  padding: 8px 18px;
  font-size: 14px;
}
.bwa .appic.pp {
  background: #fff;
  border: 1px solid #d6d9e0;
}
.bwa .appic.pp svg {
  width: 26px;
  height: 26px;
}
.bwa .pcx {
  font-size: 14px;
  color: #4b5563;
  line-height: 1.5;
}
.bwa .kbtn.busy {
  background: #8b85ff;
}

/* ---- page glue (not in the draft) ---- */
.bwa {
  overflow-x: clip;
  background: var(--ink);
}
.bwa [hidden] {
  display: none !important;
}
/* the site's reset makes img and svg block and middle-aligned; the draft was drawn with the browser defaults */
.bwa img,
.bwa svg {
  display: inline;
  vertical-align: baseline;
}
.bwa img {
  max-width: 100%;
}
.bwa:not(.live) .desk {
  visibility: hidden;
}
.bwa[dir='ltr'] .rtl {
  direction: ltr;
  text-align: left;
}
/* the draft is written right to left: in English the store windows, dashboards and cards read left to right too */
.bwa[dir='ltr']
  :is(.store, .co, .stp, .bars, .dash, .orders, .dbody, .toast, .cap, .route, .mc figcaption) {
  direction: ltr;
}
.bwa[dir='ltr'] .dbody {
  text-align: left;
}
.bwa[dir='ltr'] .rw small {
  text-align: left;
}
/* English chat lines run longer than the Hebrew ones: give the products laptop a little more height so its first message is not cut */
@media (min-width: 761px) {
  .bwa[dir='ltr'] #S2 .screen {
    --dh: 690;
  }
}
/* phones: the chat windows need a little more of the stacked height than the draft gave them (more so in English) */
@media (max-width: 760px) {
  .bwa #S2 .screen {
    --dh: 1190;
  }
  .bwa #S2 .desk {
    grid-template-rows: 1.16fr 1fr;
  }
  .bwa #S3 .screen {
    --dh: 860;
  }
  .bwa #S3 .desk {
    grid-template-rows: 1.2fr 1fr;
  }
  .bwa #G .screen {
    --dh: 850;
  }
}
.bwa[dir='ltr'] .bhero.rev {
  direction: rtl;
}
.bwa[dir='ltr'] .bhero.rev .bt {
  direction: ltr;
}
.bwa[dir='ltr'] .seg2[data-v='old'] .thumb {
  transform: translateX(100%);
}
.bwa[dir='ltr'] .store.demo::before {
  content: 'Sample data';
  transform: translateX(-50%);
}
/* MacBook-style laptop: a thin black bezel inside an aluminium lid with a bright edge, a camera dot, and a wider
   aluminium base with the thumb notch in its front lip. Drawn with the lid's own box and its two pseudo elements. */
.bwa .lap {
  padding: 9px 8px 11px;
  border-radius: 17px 17px 6px 6px;
  background: linear-gradient(180deg, #1a1a1f, #09090b 40%, #060608);
  box-shadow:
    0 0 0 1px #9a9fa7,
    0 0 0 2.5px #e3e5e9,
    0 0 0 3.5px #8d929a,
    0 36px 80px rgba(16, 16, 20, 0.4);
}
.bwa .lap > .screen {
  border-radius: 5px;
  box-shadow: none;
}
.bwa .lap::before {
  inset-block-start: 3px;
  width: 4px;
  height: 4px;
  background: #23242b;
  box-shadow:
    0 0 0 1px #15151a,
    inset 0 0 1px #4a5568;
}
.bwa .lap::after {
  inset: auto -4.5% -15px -4.5%;
  height: 15px;
  margin-inline: 0;
  border-radius: 0 0 22px 22px / 0 0 14px 14px;
  background:
    radial-gradient(ellipse 46px 6px at 50% 0, rgba(30, 34, 42, 0.55) 0 88%, transparent 100%),
    linear-gradient(180deg, #5d636c 0, #cfd3d9 1px, #9aa0a9 30%, #7a808a 70%, #62686f 100%);
  box-shadow:
    0 14px 22px -8px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(40, 44, 52, 0.35),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
}
@media (max-width: 760px) {
  .bwa .lap {
    padding: 7px 6px 9px;
    border-radius: 13px 13px 5px 5px;
  }
  .bwa .lap::after {
    inset: auto -3% -11px -3%;
    height: 11px;
  }
}
/* hero: the laptop now sits entirely on the dark band, with room under its base, and the white section rises over the band with rounded top corners instead of cutting across the laptop */
.bwa .hero {
  padding-bottom: clamp(96px, 11vw, 150px);
}
.bwa .hero .lapwrap {
  margin-bottom: 0;
}
.bwa .hero h1 {
  font-size: clamp(2.4rem, 6.2vw, 4.6rem);
}
/* the marketing sheet gives every heading its own face (Birzia in Hebrew); this page keeps the home page's Rubik */
html[lang] .bwa.bwa h1,
html[lang] .bwa.bwa h2,
html[lang] .bwa.bwa h3 {
  font-family: var(--font-rubik-hebrew), var(--font-rubik-latin), system-ui, sans-serif;
}

@font-face {
font-family: 'frankHebrew';
src: url(/_next/static/media/1701dd45ef5b344c.p.woff2) format('woff2');
font-display: swap;
font-weight: 500 900;
font-style: normal;
}.__className_d0b727 {font-family: 'frankHebrew';font-style: normal
}.__variable_d0b727 {--font-frank-hebrew: 'frankHebrew'
}

@font-face {
font-family: 'frankLatin';
src: url(/_next/static/media/e9b7f4db6799de55-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500 900;
font-style: normal;
}@font-face {font-family: 'frankLatin Fallback';src: local("Arial");ascent-override: 97.28%;descent-override: 33.95%;line-gap-override: 0.00%;size-adjust: 98.38%
}.__className_c6fb84 {font-family: 'frankLatin', 'frankLatin Fallback';font-style: normal
}.__variable_c6fb84 {--font-frank-latin: 'frankLatin', 'frankLatin Fallback'
}

@font-face {
font-family: 'varelaHebrew';
src: url(/_next/static/media/01225cc4c09a28d0.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}.__className_213598 {font-family: 'varelaHebrew';font-weight: 400;font-style: normal
}.__variable_213598 {--font-varela-hebrew: 'varelaHebrew'
}

@font-face {
font-family: 'varelaLatin';
src: url(/_next/static/media/475cf4c209c32786-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}@font-face {font-family: 'varelaLatin Fallback';src: local("Arial");ascent-override: 85.43%;descent-override: 26.62%;line-gap-override: 0.00%;size-adjust: 107.46%
}.__className_c0969d {font-family: 'varelaLatin', 'varelaLatin Fallback';font-weight: 400;font-style: normal
}.__variable_c0969d {--font-varela-latin: 'varelaLatin', 'varelaLatin Fallback'
}