/* Just Invoice. seed page styles. Copied from Daisy's approved B2 mockup
   (just-kb specs/just-invoice/design/mockups/11-seed-b2.html, 2026-11-01), which itself copies
   just-design-system colors_and_type.css, components.css and worlds.css at just-assets 89fd3f6.
   Changes from the mockup: Inter is self-hosted (no third-party font request), the mockup tag is
   gone, and the rules under 'Build additions' replace inline styles the strict CSP forbids. */
/* just-design-system/colors_and_type.css, origin/main 89fd3f6 */

@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/Inter-var.woff2') format('woff2')}
/* IBM Plex Sans Hebrew (Aviv, 2026-11-01), self-hosted from the OFL files of @fontsource/ibm-plex-sans-hebrew
   5.3.0, Hebrew subset only; never fetched from Google at runtime. Inter has no Hebrew glyphs, so Hebrew
   text falls through to Plex while Latin runs inside it stay in Inter. */
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-sans-hebrew-hebrew-400-normal.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibm-plex-sans-hebrew-hebrew-500-normal.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibm-plex-sans-hebrew-hebrew-600-normal.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ibm-plex-sans-hebrew-hebrew-700-normal.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}

:root {
  
  --just-paper:        #F5F3EE;   
  --just-paper-2:      #FAF8F3;   
  --just-white:        #FFFFFF;   
  --just-black:        #1D1F23;   
  --just-charcoal:     #2E3138;   
  --just-graphite:     #5F6670;   
  --just-fog:          #6B6E73;   
  --just-line:         #D9DDE2;   
  --just-line-soft:    #E6E4DD;   

  
  --just-success:      #4A7C6F;
  --just-success-bg:   #EAF1ED;
  --just-danger:       #7A3F3F;
  --just-danger-bg:    #FBF5F5;

  
  --just-glass:        rgba(255, 255, 255, 0.55);
  --just-glass-stroke: rgba(255, 255, 255, 0.7);
  --just-glass-dark:   rgba(29, 31, 35, 0.55);
  --just-glass-dark-stroke: rgba(255, 255, 255, 0.08);
  --just-blur:         saturate(140%) blur(20px);

  
  --fg-1: var(--just-black);
  --fg-2: var(--just-graphite);
  --fg-3: var(--just-fog);
  --fg-on-dark: var(--just-paper);
  --fg-on-dark-2: rgba(245, 243, 238, 0.65);
  --fg-on-dark-3: rgba(245, 243, 238, 0.45);

  
  --bg-page: var(--just-paper);
  --bg-raised: var(--just-paper-2);
  --bg-input: var(--just-white);
  --bg-dark: var(--just-black);

  
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, Consolas, monospace;

  
  --w-light:    300;
  --w-regular:  400;
  --w-medium:   500;
  --w-semibold: 600;
  --w-bold:     700;

  
  --t-display-xl: 72px;   
  --t-display-l:  56px;   
  --t-display-m:  40px;   
  --t-h1:         32px;
  --t-h2:         24px;
  --t-h3:         18px;
  --t-body:       16px;
  --t-body-s:     14px;
  --t-caption:    13px;
  --t-eyebrow:    11px;   
  --t-mono:       13px;

  
  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-base:   1.5;
  --lh-loose:  1.7;

  
  --tr-display: -0.03em;
  --tr-h1:      -0.02em;
  --tr-h2:      -0.01em;
  --tr-body:     0em;
  --tr-eyebrow:  0.1em;

  
  --s-1:   4px;
  --s-2:   8px;
  --s-3:   12px;
  --s-4:   16px;
  --s-5:   24px;
  --s-6:   32px;
  --s-7:   48px;
  --s-8:   64px;
  --s-9:   96px;
  --s-10: 128px;

  
  --r-1:   4px;   
  --r-2:   8px;   
  --r-3:  12px;   
  --r-pill: 999px;

  
  --shadow-quiet: 0 1px 2px rgba(29, 31, 35, 0.04);
  --shadow-glass: 0 8px 40px rgba(29, 31, 35, 0.08),
                  0 1px 2px rgba(29, 31, 35, 0.06);

  
  --ease:   cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --d-fast:  120ms;
  --d-base:  200ms;
  --d-slow:  320ms;

  
  --container-marketing: 960px;
  --container-app:      1280px;
  --container-reading:   680px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  font-size: var(--t-body);
  line-height: var(--lh-base);
  color: var(--fg-1);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'cv11', 'ss01', 'ss03';  
}

.t-display-xl, h1.display {
  font-size: var(--t-display-xl);
  font-weight: var(--w-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--tr-display);
  color: var(--fg-1);
}

.t-display-l {
  font-size: var(--t-display-l);
  font-weight: var(--w-bold);
  line-height: var(--lh-tight);
  letter-spacing: var(--tr-display);
}

.t-display-m {
  font-size: var(--t-display-m);
  font-weight: var(--w-bold);
  line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
}

h1, .t-h1 {
  font-size: var(--t-h1);
  font-weight: var(--w-semibold);
  line-height: var(--lh-snug);
  letter-spacing: var(--tr-h1);
  margin: 0;
}

h2, .t-h2 {
  font-size: var(--t-h2);
  font-weight: var(--w-semibold);
  line-height: var(--lh-snug);
  letter-spacing: var(--tr-h2);
  margin: 0;
}

h3, .t-h3 {
  font-size: var(--t-h3);
  font-weight: var(--w-medium);
  line-height: var(--lh-snug);
  letter-spacing: var(--tr-body);
  margin: 0;
}

p, .t-body {
  font-size: var(--t-body);
  line-height: var(--lh-base);
  color: var(--fg-2);
}

.t-body-s {
  font-size: var(--t-body-s);
  line-height: var(--lh-base);
  color: var(--fg-2);
}

.t-caption {
  font-size: var(--t-caption);
  line-height: var(--lh-base);
  color: var(--fg-3);
}

.t-eyebrow {
  font-size: var(--t-eyebrow);
  font-weight: var(--w-semibold);
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
  color: var(--fg-3);
}

.t-mono, code, kbd, samp {
  font-family: var(--font-mono);
  font-size: var(--t-mono);
  font-feature-settings: 'tnum';
}

.tabular { font-variant-numeric: tabular-nums; }

.wm {
  display: inline-flex;
  align-items: baseline;
  gap: 0;   
  font-family: var(--font-sans);
  font-size: 24px;   
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.wm__just {
  font-weight: var(--w-bold);
  color: var(--fg-1);
  
}

.wm__dot {
  width: 0.30em;
  height: 0.30em;
  border-radius: 50%;
  display: inline-block;
  flex: none;
  
  margin-left: 0.05em;
  
  align-self: baseline;
  position: relative;
  top: 0.08em;
  
  
  background: radial-gradient(circle at 36% 32%, #FFFFFF 0%,
              #FAF8F3 var(--just-dot-mid, 42%), var(--just-accent-tint, #F3DDD1) 100%);
  box-shadow: inset 0 0.5px 0 rgba(255,255,255,0.8),
              inset 0 -0.10em 0.18em rgba(var(--just-accent-rgb), 0.18),
              0 0 0 0.5px rgba(29,31,35,0.06),
              0 0.05em 0.14em rgba(29,31,35,0.14);
}
.wm__product {
  font-weight: var(--w-light);
  color: var(--fg-3);
  
  letter-spacing: 0.005em;
  margin-left: 0.28em;   
}

.wm__product + .wm__dot { margin-left: -0.05em; }
.wm--sm { font-size: 18px; }
.wm--xs { font-size: 14px; }
.wm--xs .wm__just  { font-weight: var(--w-semibold); }
.wm--lg { font-size: 36px; }
.wm--on-dark .wm__just    { color: var(--fg-on-dark); }
.wm--on-dark .wm__product { color: var(--fg-on-dark-3); }

.glass {
  background: var(--just-glass);
  -webkit-backdrop-filter: var(--just-blur);
  backdrop-filter: var(--just-blur);
  border: 1px solid var(--just-glass-stroke);
  border-radius: var(--r-3);
  box-shadow: var(--shadow-glass);
}
.glass--dark {
  background: var(--just-glass-dark);
  border-color: var(--just-glass-dark-stroke);
  color: var(--fg-on-dark);
}

:root {
  --icon-stroke:   1.5px;   
  --icon-linecap:  round;
  --icon-linejoin: round;
  --icon-sm:       16px;
  --icon-md:       20px;
  --icon-lg:       24px;    
}

.icon {
  width: var(--icon-md);
  height: var(--icon-md);
  display: inline-block;
  color: currentColor;
  flex: none;
}
.icon > svg { width: 100%; height: 100%; }
.icon svg,
svg.icon {
  fill: none;
  stroke: currentColor;
  stroke-width: var(--icon-stroke);
  stroke-linecap: var(--icon-linecap);
  stroke-linejoin: var(--icon-linejoin);
  vector-effect: non-scaling-stroke;
}
.icon--sm { width: var(--icon-sm); height: var(--icon-sm); }
.icon--lg { width: var(--icon-lg); height: var(--icon-lg); }

:root {
  --just-paper-3:  #EDE8DE;            
  --just-rust:     #D97757;
  --just-rust-bg:  #F5E2D5;
  --just-sage:     #6C7D5B;            
  --just-sage-bg:  #DDE3D4;

  --just-accent:     var(--just-rust);      
  --just-accent-bg:  var(--just-rust-bg);
  --just-accent-rgb: 217, 119, 87;          
}

.just-ball {
  width: 132px; height: 132px; position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  
  transform: translate(var(--just-ball-x, 0px), var(--just-ball-y, 0px));
  transition: transform 700ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}
.just-ball__halo, .just-ball__core {
  position: absolute; inset: 0; border-radius: 50%;
  will-change: transform, opacity; transform-origin: center;
}

.just-ball__core {
  background: radial-gradient(circle at 36% 32%, #FFFFFF 0%,
              var(--just-paper-2) 42%, rgba(var(--just-accent-rgb), 0.14) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),
              inset 0 -10px 20px rgba(var(--just-accent-rgb), 0.10),
              0 10px 36px rgba(29,31,35,0.06);
  animation: just-ball-breathe 6s ease-in-out infinite;
}
.just-ball__halo {
  background: radial-gradient(circle, rgba(var(--just-accent-rgb),0.22) 0%,
              rgba(var(--just-accent-rgb),0) 65%);
  animation: just-ball-breathe-halo 6s ease-in-out 3s infinite;
}
.just-ball__check {
  position: relative; z-index: 2; width: 46%; height: 46%;
  opacity: 0; transform: scale(0.8);
  transition: opacity 220ms var(--ease), transform 360ms var(--ease);
}
.just-ball__check path {
  fill: none; stroke: var(--just-black); stroke-width: 4.5;
  stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 60; stroke-dashoffset: 60;
}

@keyframes just-ball-breathe      { 0%,100%{transform:scale(1)} 50%{transform:scale(1.045)} }
@keyframes just-ball-breathe-halo { 0%,100%{transform:scale(1);opacity:.8} 50%{transform:scale(1.10);opacity:1} }
@keyframes just-ball-rotate       { to { transform: rotate(360deg) } }
@keyframes just-ball-check-draw   { to { stroke-dashoffset: 0 } }

@keyframes just-ball-load-core {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.12); }
}
@keyframes just-ball-ring {
  0%   { transform: scale(0.8);  opacity: 0;   }
  25%  {                          opacity: .55; }
  100% { transform: scale(1.65); opacity: 0;   }
}
.just-ball[data-state="loading"] .just-ball__core {
  animation: just-ball-load-core 1.05s ease-in-out infinite;
}
.just-ball[data-state="loading"] .just-ball__halo {
  background: conic-gradient(from 0deg,
    rgba(var(--just-accent-rgb),0.60) 0deg, rgba(var(--just-accent-rgb),0.06) 110deg,
    rgba(var(--just-accent-rgb),0) 210deg, rgba(var(--just-accent-rgb),0.60) 360deg);
  animation: just-ball-rotate 0.95s linear infinite; opacity: 1;
}
.just-ball[data-state="loading"]::before {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  border: 2px solid rgba(var(--just-accent-rgb), 0.5);
  animation: just-ball-ring 1.3s ease-out infinite;
}

@keyframes just-ball-celebrate {
  0%  { transform: scale(1);    }
  11% { transform: scale(1.32); }   
  25% { transform: scale(.96);  }
  40% { transform: scale(1.42); }   
  55% { transform: scale(.96);  }
  70% { transform: scale(1.52); }   
  85% { transform: scale(1);    }
  100%{ transform: scale(1.06); }
}
@keyframes just-ball-halo-cheer {
  0%  { transform: scale(1);    opacity: .5; }
  80% {                         opacity: .9; }
  100%{ transform: scale(1.45); opacity: 0;  }
}
@keyframes just-ball-burst {
  0%   { transform: scale(.55); opacity: 0; }
  35%  {                        opacity: 1; }
  100% { transform: scale(1.5); opacity: 0; }
}
.just-ball[data-state="success"] .just-ball__core {
  animation: just-ball-celebrate 1.9s var(--ease) forwards;   
}
.just-ball[data-state="success"] .just-ball__halo {
  animation: just-ball-halo-cheer 1.9s ease-out forwards;
}
.just-ball[data-state="success"] .just-ball__check { opacity: 1; transform: scale(1); }
.just-ball[data-state="success"] .just-ball__check path {
  animation: just-ball-check-draw 460ms 1.65s var(--ease) forwards;   
}
.just-ball__burst { position: absolute; inset: -28%; opacity: 0; pointer-events: none; }
.just-ball__burst line { stroke: var(--just-accent); stroke-width: 2.5; stroke-linecap: round; }
.just-ball[data-state="success"] .just-ball__burst {
  animation: just-ball-burst 760ms 1.6s var(--ease) forwards;
}

@keyframes just-ball-shake {
  0%  { transform: translateX(0);    }
  15% { transform: translateX(-9px); }
  30% { transform: translateX(8px);  }
  45% { transform: translateX(-7px); }
  60% { transform: translateX(6px);  }
  75% { transform: translateX(-3px); }
  100%{ transform: translateX(0) scale(.97); }
}
.just-ball[data-state="error"] .just-ball__core {
  animation: just-ball-shake 0.5s var(--ease) forwards;
  background: radial-gradient(circle at 36% 32%, #FFFFFF 0%,
              var(--just-danger-bg) 50%, rgba(122,63,63,0.18) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6),
              inset 0 -10px 20px rgba(122,63,63,0.10), 0 10px 32px rgba(122,63,63,0.10);
}
.just-ball[data-state="error"] .just-ball__halo {
  animation: just-ball-shake 0.5s var(--ease) forwards; opacity: .5;
  background: radial-gradient(circle, rgba(122,63,63,0.20) 0%, rgba(122,63,63,0) 65%);
}

.just-ball--sm { width: 84px;  height: 84px;  }
.just-ball--lg { width: 180px; height: 180px; }

@media (prefers-reduced-motion: reduce) {
  .just-ball__core, .just-ball__halo, .just-ball::before, .just-ball__burst { animation: none !important; }
  .just-ball[data-state="success"] .just-ball__check path { animation: none; stroke-dashoffset: 0; }
  .just-ball[data-state="success"] .just-ball__check { opacity: 1; transform: none; }
  
  .just-ball { transform: none !important; transition: none !important; }
}

.nav__cta--primary {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 18px; border-radius: var(--r-2);
  font-size: 13.5px; font-weight: 500; letter-spacing: -0.005em;
  text-decoration: none; cursor: pointer;
  background: var(--just-black); color: var(--just-paper);
  border: 1px solid var(--just-black);
  transition: background 140ms var(--ease),
              box-shadow 140ms var(--ease),
              border-color 140ms var(--ease);
}
.nav__cta--primary:hover {
  background: #2A2D31; border-color: #2A2D31;
  box-shadow: 0 1px 2px rgba(29, 31, 35, 0.14);
}

.nav__cta--primary:focus-visible {
  outline: none; box-shadow: 0 0 0 3px rgba(var(--just-accent-rgb), 0.35);
}

.nav--on-dark .nav__cta--primary,
.nav__cta--primary.nav__cta--on-dark {
  background: var(--just-paper); color: var(--just-black);
  border-color: var(--just-paper);
}
.nav--on-dark .nav__cta--primary:hover,
.nav__cta--primary.nav__cta--on-dark:hover {
  background: #FFFFFF; border-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.just-avatar {
  display: inline-flex; align-items: center; gap: 7px;
  background: none; border: 0; padding: 2px; border-radius: 999px;
  cursor: pointer; font-family: inherit;
}

.just-avatar:focus-visible {
  outline: none; box-shadow: 0 0 0 3px rgba(var(--just-accent-rgb), 0.35);
}
.just-avatar__circle {
  width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  overflow: hidden; flex: none;
}

.just-avatar__circle--initials {
  background: var(--just-black); color: var(--just-paper);
  font-size: 13px; font-weight: 600; letter-spacing: 0.02em; line-height: 1;
}

.just-avatar__circle--photo {
  box-shadow: inset 0 0 0 1px rgba(29, 31, 35, 0.10);
}
.just-avatar__circle--photo img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

.just-avatar__caret {
  width: 12px; height: 12px; flex: none; color: var(--just-fog);
  stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; fill: none;
  transition: transform 160ms var(--ease);
}
.just-avatar[aria-expanded="true"] .just-avatar__caret { transform: rotate(180deg); }

.nav--on-dark .just-avatar__circle--initials,
.just-avatar--on-dark .just-avatar__circle--initials {
  background: var(--d-fg1); color: var(--just-black);
}
.nav--on-dark .just-avatar__circle--photo,
.just-avatar--on-dark .just-avatar__circle--photo {
  box-shadow: inset 0 0 0 1px rgba(243, 241, 234, 0.18);
}
.nav--on-dark .just-avatar__caret,
.just-avatar--on-dark .just-avatar__caret { color: rgba(243, 241, 234, 0.55); }

.just-menu {
  position: absolute; top: calc(100% + 10px); right: 0;
  width: 244px; padding: 6px; border-radius: var(--r-3); z-index: 60;
  background: rgba(250, 248, 243, 0.90);
  -webkit-backdrop-filter: saturate(140%) blur(20px);
  backdrop-filter: saturate(140%) blur(20px);
  border: 1px solid var(--just-line-soft);
  box-shadow: var(--shadow-glass);
  animation: just-menu-in 160ms var(--ease);   
}
.just-menu__id { padding: 11px 12px; }
.just-menu__name {
  font-size: 14px; font-weight: 600; color: var(--just-black); line-height: 1.2;
}
.just-menu__email {                            
  font-size: 12px; color: var(--just-fog); margin-top: 3px; line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.just-menu__divider {
  height: 1px; background: var(--just-line-soft); margin: 5px 8px;
}
.just-menu__item {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 12px; border-radius: var(--r-2);
  font-size: 13.5px; color: var(--just-black);     
  text-decoration: none; cursor: pointer;
  transition: background 120ms var(--ease);
}
.just-menu__item:hover { background: var(--just-paper-3); }
.just-menu__item svg {                         
  width: 16px; height: 16px; flex: none; color: var(--just-fog);
  stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round;
}

.just-menu--dark {
  background: rgba(45, 42, 38, 0.92);
  border: 1px solid rgba(243, 241, 234, 0.12);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.28);
}
.just-menu--dark .just-menu__name    { color: var(--d-fg1); }
.just-menu--dark .just-menu__email   { color: rgba(243, 241, 234, 0.45); }
.just-menu--dark .just-menu__divider { background: rgba(243, 241, 234, 0.12); }
.just-menu--dark .just-menu__item    { color: var(--d-fg1); }
.just-menu--dark .just-menu__item:hover { background: rgba(243, 241, 234, 0.06); }
.just-menu--dark .just-menu__item svg   { color: rgba(243, 241, 234, 0.55); }

@keyframes just-menu-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .just-menu { animation: none; }
  .just-avatar__caret { transition: none; }
}

/* components.css, origin/main 89fd3f6 */

.cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 26px; border-radius: var(--r-2);
  background: var(--just-black); color: var(--just-paper);
  text-decoration: none; font-family: var(--font-sans);
  font-size: var(--t-body); font-weight: var(--w-medium);
  letter-spacing: -0.005em; border: none; cursor: pointer;
  transition: background var(--d-fast) var(--ease);
}
.cta:hover { background: var(--just-charcoal); }
.cta:focus-visible { outline: 2px solid var(--just-accent); outline-offset: 2px; }
.cta--ghost {
  background: transparent; color: var(--just-black);
  
  border: 1px solid var(--just-accent-ink, #A8492A);
}
.cta--ghost:hover { background: var(--just-paper-3); }

.just-row--active,
.just-row[aria-current]:not([aria-current="false"]) {
  box-shadow: inset 3px 0 0 var(--just-accent);
}
.just-row--active:dir(rtl),
.just-row[aria-current]:not([aria-current="false"]):dir(rtl) {
  box-shadow: inset -3px 0 0 var(--just-accent);
}
.cta--sm { padding: 11px 18px; font-size: var(--t-body-s); }

.u-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.copy-prompt {
  margin: 0; background: var(--just-white);
  border: 1px solid var(--just-line-soft); border-radius: var(--r-3);
  overflow: hidden;
}
.copy-prompt__head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 16px; background: var(--just-paper-2);
  border-bottom: 1px solid var(--just-line-soft);
}
.copy-prompt__label {
  font-size: var(--t-body-s); font-weight: var(--w-semibold);
  color: var(--just-black); display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
}
.copy-prompt__tool {
  font-family: var(--font-mono); font-size: 12px;
  color: var(--just-graphite); font-weight: var(--w-medium);
}
.copy-prompt__btn {
  display: inline-flex; align-items: center; gap: 7px; flex: none;
  padding: 7px 13px; border-radius: var(--r-2);
  background: var(--just-black); color: var(--just-paper);
  border: none; font-family: var(--font-sans);
  font-size: var(--t-caption); font-weight: var(--w-medium); cursor: pointer;
  transition: background var(--d-fast) var(--ease);
}
.copy-prompt__btn:hover { background: var(--just-charcoal); }
.copy-prompt__btn:focus-visible { outline: 2px solid var(--just-accent); outline-offset: 2px; }
.copy-prompt__btn svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.copy-prompt__btn .copy-prompt__check { display: none; }
.copy-prompt__btn.is-copied .copy-prompt__copy { display: none; }
.copy-prompt__btn.is-copied .copy-prompt__check { display: inline-flex; align-items: center; gap: 7px; }
.copy-prompt__body {
  margin: 0; padding: 16px; background: var(--just-white);
  font-family: var(--font-mono); font-size: 12.5px; line-height: 1.7;
  color: var(--just-charcoal); white-space: pre-wrap; word-break: break-word;
}

.copy-prompt__assist {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px; background: var(--just-paper-2);
  border-top: 1px solid var(--just-line-soft);
}
.copy-prompt__assist--detached { padding: 0; background: none; border: 0; }
.copy-prompt__assist-label {
  font-size: var(--t-caption); color: var(--fg-3); margin-right: 2px;
}
.copy-prompt__open {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 44px; padding: 0 16px 0 6px; border-radius: var(--r-pill);
  background: var(--just-white); color: var(--just-black);
  border: 1px solid var(--just-line); font-family: var(--font-sans);
  font-size: var(--t-body-s); font-weight: var(--w-medium); cursor: pointer;
  text-decoration: none; white-space: nowrap;
  transition: background var(--d-fast) var(--ease), transform 160ms var(--ease-out);
}
.copy-prompt__open:active { transform: scale(.97); }
.copy-prompt__open:focus-visible { outline: 2px solid var(--just-accent); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .copy-prompt__open:hover { background: var(--just-paper-3); }
}
.copy-prompt__mark {
  width: 32px; height: 32px; border-radius: 50%; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--just-white); border: 1px solid var(--just-line-soft);
}
.copy-prompt__mark img { width: 18px; height: 18px; display: block; }

.copy-prompt__mark--blossom img { width: 26px; height: 26px; }
@media (max-width: 480px) {
  .copy-prompt__assist-label, .copy-prompt__assist-note { flex-basis: 100%; }
  .copy-prompt__open { flex: 1 1 auto; padding-right: 14px; }
}
.copy-prompt__assist-note {
  font-size: var(--t-caption); color: var(--fg-2);
  opacity: 0; transition: opacity var(--d-fast) var(--ease-out);
}
.copy-prompt__assist-note.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .copy-prompt__open, .copy-prompt__assist-note { transition: none; }
  .copy-prompt__open:active { transform: none; }
}

.readiness {
  background: var(--just-paper-2);
  border: 1px solid var(--just-line-soft); border-radius: var(--r-3);
  padding: 20px 22px;
}
.readiness__title { font-size: var(--t-body); font-weight: var(--w-semibold); color: var(--just-black); margin: 0 0 14px; }
.readiness__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.readiness__item { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: var(--t-body-s); }
.readiness__mk { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: none; margin-top: 1px; }
.readiness__mk svg { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.readiness__mk--ok { background: var(--just-success-bg); }
.readiness__mk--ok svg { width: 12px; height: 12px; stroke: var(--just-success); stroke-width: 2.2; }
.readiness__mk--warn { background: var(--just-rust-bg); }                 
.readiness__mk--warn svg { width: 13px; height: 13px; stroke: var(--just-accent); stroke-width: 2; }
.readiness__mk--neutral { background: var(--just-paper-3); }
.readiness__mk--neutral svg { width: 12px; height: 2px; stroke: var(--just-fog); stroke-width: 2; }
.readiness__label { font-weight: var(--w-semibold); color: var(--just-black); }
.readiness__hint { display: block; font-size: var(--t-caption); color: var(--just-fog); margin-top: 1px; font-weight: var(--w-regular); }
.readiness__hint code { font-family: var(--font-mono); font-size: 12px; }

.fix-card {
  background: var(--just-white);
  border: 1px solid var(--just-line-soft); border-radius: var(--r-3);
  overflow: hidden;
}
.fix-card__top { padding: 18px 20px 14px; border-bottom: 1px solid var(--just-line-soft); }
.fix-card__tag { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--just-fog); }
.fix-card__title { font-size: var(--t-h3); font-weight: var(--w-semibold); color: var(--just-black); margin: 8px 0 6px; }
.fix-card__cause { margin: 0; font-size: var(--t-body-s); color: var(--just-graphite); }
.fix-card__fix { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.fix-card__prompt {
  font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6;
  color: var(--just-charcoal); background: var(--just-paper-2);
  border: 1px solid var(--just-line-soft); border-radius: var(--r-2);
  padding: 12px 14px;
}
.fix-card__actions { display: flex; gap: 10px; flex-wrap: wrap; }


.just-switch {
  display: inline-flex; align-items: center; gap: 12px;
  cursor: pointer; background: none; border: 0; padding: 0;
  font-family: var(--font-sans);
}
.just-switch__label {
  font-size: var(--t-body-s); font-weight: var(--w-medium);
  color: var(--fg-1); white-space: nowrap; cursor: pointer;
}
.just-switch__track {
  position: relative; width: 46px; height: 28px; border-radius: var(--r-pill);
  flex: none; background: #CFC8B8;            
  border: 1px solid rgba(29, 31, 35, 0.10);
  box-shadow: inset 0 1px 2px rgba(29, 31, 35, 0.10);
  transition: background var(--d-base) var(--ease), border-color var(--d-base) var(--ease);
}
.just-switch__knob {
  position: absolute; top: 2px; left: 2px; width: 22px; height: 22px;
  border-radius: 50%; background: var(--just-white);
  box-shadow: 0 1px 2px rgba(29, 31, 35, 0.24), 0 0 0 0.5px rgba(29, 31, 35, 0.06);
  transition: transform var(--d-base) var(--ease);
}

.just-switch[aria-checked="true"] .just-switch__track,
.just-switch--on .just-switch__track {
  background: var(--just-black); border-color: var(--just-black);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);
}
.just-switch[aria-checked="true"] .just-switch__knob,
.just-switch--on .just-switch__knob { transform: translateX(18px); }

.just-switch:focus-visible { outline: none; }
.just-switch:focus-visible .just-switch__track,
.just-switch--focus .just-switch__track {
  box-shadow: 0 0 0 3px rgba(var(--just-accent-rgb), 0.35);
}

.just-switch:disabled,
.just-switch--disabled { opacity: 0.45; cursor: not-allowed; }
.just-switch:disabled .just-switch__label,
.just-switch--disabled .just-switch__label { cursor: not-allowed; }

.just-switch__always {
  display: inline-flex; align-items: center;
  font-size: var(--t-caption); font-weight: var(--w-medium);
  color: var(--fg-1); background: var(--just-paper-2);
  border-radius: var(--r-pill); padding: 4px 11px; white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .just-switch__track, .just-switch__knob { transition: none; }
}

@media (max-width: 640px) {
  .copy-prompt__head { flex-wrap: wrap; }
  
  .just-switch--row { display: flex; width: 100%; justify-content: space-between; }
}

/* worlds/worlds.css, origin/main 89fd3f6 */

.world-domain {
  --just-accent: #D97757;
  --just-accent-rgb: 217, 119, 87;
  --just-accent-bg: #F5E2D5;
  --just-accent-ink: #A8492A;
  --just-accent-deep: #812F12;
  --just-accent-on-dark: #EA9579;
  --just-accent-pearl: #F3DDD1;
  --just-accent-tint: #FBC2B0;
  --just-dot-mid: 38%;
}

.world-publish {
  --just-accent: #01AE99;
  --just-accent-rgb: 1, 174, 153;
  --just-accent-bg: #D4ECE7;
  --just-accent-ink: #007C6C;
  --just-accent-deep: #015A4F;
  --just-accent-on-dark: #57C3B0;
  --just-accent-pearl: #CEE9E3;
  --just-accent-tint: #9EE1D3;
  --just-dot-mid: 38%;
}

.world-business {
  --just-accent: #7790E6;
  --just-accent-rgb: 119, 144, 230;
  --just-accent-bg: #DFE6F9;
  --just-accent-ink: #4D63B6;
  --just-accent-deep: #34468E;
  --just-accent-on-dark: #92AAF5;
  --just-accent-pearl: #DAE2F6;
  --just-accent-tint: #BFD0FF;
  --just-dot-mid: 38%;
}

.world-domain .wm__dot, .world-publish .wm__dot, .world-business .wm__dot {
  background: radial-gradient(circle at 36% 32%, #FFFFFF 0%,
              #FAF8F3 var(--just-dot-mid), var(--just-accent-tint) 100%);
}

/* ===== Page layer: Just Invoice. seed page (Daisy, 2026-11-01). Every value from the canon above,
   except the four locals below, each already an open system row (see ji-design-spec s.10). ===== */
:root{
  --just-success-deep:#3A6357;
  --r-4:18px;
  --input-bg:var(--just-white); --input-border:var(--just-line); --input-focus:var(--just-black);
  /* warm-dark ramp, CHROME-STANDARD s.1 (footer, and the page in dark mode: ask JB1-Q2) */
  --d-bg:#2D2A26; --d-bg-top:#332F2A; --d-fg1:#F3F1EA; --d-fg2:rgba(243,241,234,0.60); --d-fg3:rgba(243,241,234,0.40); --d-line:rgba(243,241,234,0.10);
}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--just-paper);-webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01','ss03'}
a{color:inherit}
/* ---- chrome: header (CHROME-STANDARD s.3, s.3a) ---- */
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;
  border-bottom:1px solid var(--just-line-soft);background:rgba(245,243,238,0.8);
  -webkit-backdrop-filter:saturate(140%) blur(20px);backdrop-filter:saturate(140%) blur(20px);position:sticky;top:0;z-index:50}
.nav .wm{text-decoration:none}
.nav__right{display:flex;gap:26px;align-items:center;font-size:13.5px;color:var(--fg-3)}
.nav--on-dark{background:rgba(45,42,38,0.8);border-bottom:1px solid rgba(243,241,234,0.10)}
/* ---- chrome: footer, always dark (CHROME-STANDARD s.4 to s.6) ---- */
.foot{border-top:1px solid var(--just-line-soft);padding:56px 44px 24px}
.foot__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-bottom:38px;border-bottom:1px solid var(--just-line-soft)}
.foot .wm{text-decoration:none}
.foot__tagline{margin:16px 0 0;font-size:14px;max-width:300px;line-height:1.55}
.foot__entity{margin:16px 0 0;font-size:12px;max-width:300px;line-height:1.6}
.foot__support{margin:12px 0 0;font-size:12px}
.foot__support a{text-decoration:none}
.foot h3{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.foot ul a{font-size:14px;text-decoration:none;transition:opacity 120ms var(--ease)}
@media (hover:hover){.foot ul a:hover{opacity:.6}}
.foot--on-dark{background:#2D2A26;background-image:linear-gradient(180deg,#332F2A 0%,#2D2A26 120px);border-top:1px solid rgba(243,241,234,0.14)}
.foot--on-dark .foot__inner{border-bottom:1px solid rgba(243,241,234,0.10)}
.foot--on-dark .foot__tagline{color:var(--d-fg2)}
.foot--on-dark .foot__entity,.foot--on-dark .foot__support{color:var(--d-fg3)}
.foot--on-dark .foot__support a{color:var(--d-fg2)}
.foot--on-dark h3{color:var(--d-fg3)}
.foot--on-dark ul a{color:var(--d-fg1)}
.foot__legal{max-width:1180px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--fg-3);border-top:0;padding-top:0}
.foot__legal a{color:var(--fg-2);text-decoration:none;transition:opacity 120ms var(--ease)}
.foot__signoff{display:flex;align-items:center;gap:12px}
.foot__meta{display:flex;align-items:center;gap:24px}
.foot__meta .legal-links{display:flex;gap:18px}
.foot--on-dark .foot__legal{color:var(--d-fg3)}
.foot--on-dark .foot__legal a{color:var(--d-fg2)}
.mk{display:inline-flex;align-items:baseline;justify-content:flex-start;line-height:1;letter-spacing:-0.03em;white-space:nowrap;font-weight:700;font-size:28px;min-width:2.5em;text-decoration:none}
.mk__ust{display:inline-block;overflow:hidden;max-width:1.6em;animation:mk-breathe 6s var(--ease) infinite}
@keyframes mk-breathe{0%,66%{max-width:1.6em;opacity:1;letter-spacing:-0.03em}80%{max-width:0;opacity:0;letter-spacing:-0.2em}87%{max-width:0;opacity:0;letter-spacing:-0.2em}100%{max-width:1.6em;opacity:1;letter-spacing:-0.03em}}
/* the morph signs for the family: the master pearl, root gradient (LOGO-LOCKUP-SPEC s.1b) */
.mk .pearl{width:0.30em;height:0.30em;border-radius:50%;display:inline-block;flex:none;align-self:flex-end;margin-left:0.05em;margin-bottom:0.05em;
  background:radial-gradient(circle at 36% 32%,#FFFFFF 0%,#FAF8F3 42%,#F3DDD1 100%);
  box-shadow:inset 0 0.5px 0 rgba(255,255,255,0.8),inset 0 -0.10em 0.18em rgba(217,119,87,0.18),0 0 0 0.5px rgba(29,31,35,0.06),0 0.05em 0.14em rgba(29,31,35,0.14)}
.foot--on-dark .mk{color:var(--d-fg1)}
@media (prefers-reduced-motion:reduce){.mk__ust{animation:none;max-width:1.6em;opacity:1;letter-spacing:-0.03em}}

/* ---- page ---- */
main{flex:1 0 auto;width:100%;max-width:1040px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.top{display:flex;align-items:center;gap:clamp(28px,6vw,72px)}
.hero{padding:88px 0 0;max-width:46rem}
.hero h1{font-size:clamp(36px,4.2vw,58px);font-weight:700;letter-spacing:-0.035em;line-height:1.05;margin:0;color:var(--fg-1);text-wrap:balance}
.hero__sub{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--fg-2);margin:20px 0 0;max-width:34rem}
.status{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;font-size:14.5px;line-height:1.55;color:var(--fg-2);max-width:34rem}
.status .icon{flex:none;width:18px;height:18px;margin-top:2px;color:var(--fg-3)}
.status b{font-weight:600;color:var(--fg-1)}
.top__ball{flex:0 0 auto;margin-left:auto;padding-top:88px}

/* the early-access card */
.early{margin-top:44px;background:var(--just-white);border:1px solid var(--just-line-soft);border-radius:var(--r-4);padding:28px 28px 24px;scroll-margin-top:96px}
.early__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 18px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0;border:0;margin:0;padding:0}
.field__label{font-size:14px;font-weight:500;color:var(--fg-1);padding:0}
.field__opt{font-weight:400;color:var(--fg-3)}
.input{font-family:var(--font-sans);font-size:15px;color:var(--fg-1);height:46px;padding:0 14px;background:var(--input-bg);border:1px solid var(--input-border);
  border-radius:var(--r-2);outline:none;width:100%;box-sizing:border-box;transition:border-color var(--d-fast) var(--ease)}
.input::placeholder{color:var(--fg-3)}
.input:focus-visible{border-color:var(--input-focus);box-shadow:0 0 0 1px var(--input-focus)}
.input[aria-invalid="true"]{border-color:var(--just-danger);box-shadow:0 0 0 1px var(--just-danger)}
.field__err{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;font-size:13.5px;line-height:1.45;color:var(--just-danger)}
.field__err .icon{width:16px;height:16px;flex:none;margin-top:1px}
.field--ai{grid-column:1 / -1}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--just-line);border-radius:var(--r-2);
  font-size:14.5px;color:var(--fg-1);background:var(--just-white);transition:border-color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}
@media (hover:hover){.chip:hover span{background:var(--just-paper-2)}}
.chip input:checked + span{border-color:var(--fg-1);box-shadow:inset 0 0 0 1px var(--fg-1);background:var(--just-paper-2);font-weight:500}
.chip input:focus-visible + span{outline:2px solid var(--just-accent-ink);outline-offset:2px}
.early__foot{display:flex;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--just-line-soft)}
.early__go{white-space:nowrap;flex:none}
.consent{margin:0;font-size:15px;line-height:1.55;color:var(--fg-1);max-width:36rem} /* body size, ink: Gery s.2 */
.consent a{color:var(--fg-1);text-decoration:none;border-bottom:1px solid var(--fg-3)}
/* the confirmation, in the card's place */
.done{outline:none}
.done h2{font-size:24px;font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin:0;color:var(--fg-1)}
.done__msg{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--fg-2);max-width:36rem}
.done__msg b{font-weight:500;color:var(--fg-1)}
.done__delete{margin-top:24px;padding-top:20px;border-top:1px solid var(--just-line-soft);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.done__delete p{margin:0;font-size:13.5px;line-height:1.55;color:var(--fg-2);max-width:31rem;flex:1 1 18rem}
.done__delete a.mail{color:var(--fg-1);text-decoration:none;border-bottom:1px solid var(--fg-3)}
.cta--ghost{font-size:var(--t-body-s);padding:10px 16px}
a:focus-visible,.cta--ghost:focus-visible,.consent a:focus-visible,summary:focus-visible{outline:2px solid var(--just-accent-ink);outline-offset:3px;border-radius:4px}

/* sections */
.sec{margin-top:128px;display:grid;grid-template-columns:1fr 1.6fr;gap:64px}
.sec h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:var(--fg-1);text-wrap:balance;margin:0}
.sec__note{margin:14px 0 0;font-size:14.5px;color:var(--fg-3);max-width:20rem}
.msgs{list-style:none;margin:0;padding:0;border-top:1px solid var(--just-line-soft)}
.msgs li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--just-line-soft)}
.msgs .icon{width:24px;height:24px;color:var(--fg-1);margin-top:2px}
.msgs h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--fg-1)}
.msgs p{margin:6px 0 0;font-size:15.5px;line-height:1.6;color:var(--fg-2);max-width:34rem}
.faq__list{border-top:1px solid var(--just-line-soft)}
.faq details{border-bottom:1px solid var(--just-line-soft)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16px;font-weight:500;color:var(--fg-1)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .icon{color:var(--fg-3);flex:none;transition:transform var(--d-base) var(--ease)}
.faq details[open] summary .icon{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--fg-2);max-width:38rem}
@media (prefers-reduced-motion:reduce){.faq summary .icon{transition:none}}
.tail{height:112px}
.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mock-tag{position:absolute;right:12px;top:84px;z-index:90;font:500 11px/1 var(--font-sans);letter-spacing:.04em;color:var(--fg-3);background:rgba(250,248,243,.92);border:1px solid var(--just-line-soft);border-radius:999px;padding:6px 10px}

@media (max-width:900px){.sec{grid-template-columns:1fr;gap:28px}}
@media (max-width:640px){
  .nav{padding:14px 20px}
  .nav .wm{font-size:20px}
  main{padding:0 20px}
  .top{flex-direction:column;align-items:flex-start;gap:16px}
  .top__ball{order:-1;padding-top:24px;margin-left:0}
  .top__ball .just-ball{width:84px;height:84px} /* the sanctioned 84px footprint (.just-ball--sm) */
  .hero{padding-top:0}
  .hero h1{font-size:36px}
  .hero__sub{margin-top:14px}
  .status{margin-top:16px;font-size:14px}
  .early{margin-top:28px;padding:20px 18px 18px;border-radius:var(--r-3)}
  .early__grid{grid-template-columns:1fr;gap:18px}
  .early__foot{flex-direction:column;align-items:stretch;gap:14px}
  .early__go{width:100%}
  .input{font-size:16px}
  .sec{margin-top:96px}
  .msgs li{grid-template-columns:32px 1fr;gap:12px;padding:20px 0}
  .done__delete .cta--ghost{width:100%}
  .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .chip span{display:flex;justify-content:center}
  .mock-tag{top:auto;bottom:12px}
  .tail{height:72px}
  .foot{padding:34px 22px 22px}
  .foot__inner{grid-template-columns:1fr 1fr;gap:26px 20px}
  .foot__brand{grid-column:1 / -1;padding-bottom:24px;border-bottom:1px solid rgba(243,241,234,0.10)}
  .foot ul a{font-size:13.5px}
  .foot__legal{margin-top:20px;flex-direction:column;align-items:flex-start;gap:12px;font-size:11.5px}
}

/* light only: Aviv, 2026-11-01. A dark preference renders this light page unchanged (AC-81). */
:root{color-scheme:light}
/* page facts (content-page-standard s.8.2), quiet and visible */
.facts{margin:96px 0 0;padding:20px 0 0;border-top:1px solid var(--just-line-soft);display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.facts dt{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-3)}
.facts dd{margin:6px 0 0;font-size:13px;color:var(--fg-2);line-height:1.5}
.foot__tagline a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(243,241,234,0.28)}
.done__delete{justify-content:flex-start}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.facts{grid-template-columns:1fr 1fr;margin-top:64px}}

/* ===== Version B (Daisy, 2026-11-01, for Aviv's A/B): a stronger accent at the ball, and glyphs
   where they add meaning. Accent count per view: the ball with its aura (one moment), the status
   tile (a status mark, the sanctioned "status dot" role), focus. Primary buttons stay black. ===== */
/* The aura: a page-level wrapper BEHIND the canonical .just-ball (the ball itself is untouched).
   It breathes with the core: 6s ease-in-out infinite, opacity .55 to 1, scale .94 to 1.04, the
   same phase as just-ball-breathe. Reduced motion: no animation, held at opacity .8, scale 1.
   On success it settles to opacity .5 over 600ms --ease. transform and opacity only. */
.aura{position:relative;display:inline-flex;align-items:center;justify-content:center}
.aura::before{content:"";position:absolute;left:50%;top:50%;width:230%;height:230%;margin:-115% 0 0 -115%;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(var(--just-accent-rgb),0.24) 0%,rgba(var(--just-accent-rgb),0.10) 38%,rgba(var(--just-accent-rgb),0) 68%);
  animation:aura-breathe 6s ease-in-out infinite;will-change:transform,opacity}
.aura > .just-ball{z-index:1}
@keyframes aura-breathe{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
.aura.is-done::before{animation:none;opacity:.5;transform:scale(1);transition:opacity 600ms var(--ease)}
@media (prefers-reduced-motion:reduce){.aura::before{animation:none;opacity:.8;transform:none}}
/* status: the hourglass in a small tint tile, world ink line */
.status .stile{flex:none;width:28px;height:28px;border-radius:8px;background:var(--just-accent-bg);color:var(--just-accent-ink);display:inline-flex;align-items:center;justify-content:center;margin-top:-3px}
.status .stile .icon{width:16px;height:16px;margin:0;color:inherit}
/* the three messages: the 56px content tile (README s.6), paper-2, ink line */
.msgs li{grid-template-columns:56px 1fr;gap:20px}
.tile{width:56px;height:56px;border-radius:var(--r-3);background:var(--just-paper-2);border:1px solid var(--just-line-soft);display:flex;align-items:center;justify-content:center;color:var(--fg-1)}
.tile .icon{width:24px;height:24px;margin:0}
/* FAQ and facts: a quiet leading glyph in fog */
.faq summary .q{display:flex;align-items:center;gap:14px}
.faq summary .q .icon{width:20px;height:20px;color:var(--fg-3);transform:none!important;transition:none}
.faq details p{padding-inline-start:34px}
.facts dt{display:flex;align-items:center;gap:7px}
.facts dt .icon{width:14px;height:14px;flex:none}
/* confirmation: the seal in a success tile beside the heading */
.done__head{display:flex;gap:16px;align-items:center}
.done__head .tile{width:48px;height:48px;background:var(--just-success-bg);border-color:transparent;color:var(--just-success-deep)}
.done__msg{padding-inline-start:64px;margin-top:4px}
.done__delete{margin-inline-start:0}
@media (max-width:640px){
  .msgs li{grid-template-columns:48px 1fr;gap:14px}
  .msgs .tile{width:48px;height:48px}
  .done__msg{padding-inline-start:0;margin-top:12px}
  .faq details p{padding-inline-start:0}
}

/* ===== B2 (Daisy, 2026-11-01): one question at a time, the scene glyphs, Hebrew. ===== */
.nav__right .lang{color:var(--fg-2);text-decoration:none;font-size:14px;padding:6px 2px;border-bottom:1px solid transparent;transition:border-color var(--d-fast) var(--ease)}
@media (hover:hover){.nav__right .lang:hover{border-bottom-color:var(--fg-3)}}
.jg{width:100%;height:100%;display:block;overflow:visible}
.jg path,.jg rect,.jg circle{vector-effect:non-scaling-stroke}
.gtile{width:56px;height:56px;flex:none;border-radius:var(--r-3);background:var(--just-paper-2);border:1px solid var(--just-line-soft);display:flex;align-items:center;justify-content:center;color:var(--fg-1)}
.gtile .jg{width:36px;height:36px}
.gtile--sm{width:40px;height:40px;border-radius:10px}.gtile--sm .jg{width:26px;height:26px}
.status .gtile{margin-top:-6px}
.msgs li{grid-template-columns:56px 1fr;gap:20px;align-items:start}
/* the stepper card */
.early{position:relative}
.panel[hidden]{display:none}
.s1{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;align-items:end}
.s1 .field{grid-column:1}
.s1 .early__go{grid-column:2;height:46px;padding-top:0;padding-bottom:0}
.s1 .field__err,.s1 .form__err{grid-column:1 / -1}
.s1 .consent{grid-column:1 / -1;margin-top:4px}
.s1 .ts{grid-column:1 / -1}
.form__err{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;line-height:1.5;color:var(--just-danger);background:var(--just-danger-bg);border-radius:var(--r-2);padding:10px 12px}
.form__err .icon{width:16px;height:16px;flex:none;margin-top:2px}
.ts{width:300px;height:65px;border:1px dashed var(--just-line);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--fg-3);background:var(--just-paper-2)}
.cta[aria-busy="true"]{opacity:.72;cursor:progress}
.onlist{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--just-line-soft)}
.onlist h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-0.015em;color:var(--fg-1)}
.onlist p{margin:2px 0 0;font-size:14.5px;color:var(--fg-2)}
.onlist .gtile{background:var(--just-success-bg);border-color:transparent}
.onlist__del{margin-inline-start:auto;font-size:13.5px;color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--just-line);white-space:nowrap;align-self:center}
.prog{display:flex;align-items:center;gap:14px;margin:20px 0 0}
.prog__t{font-size:13px;color:var(--fg-3);white-space:nowrap}
.prog__bar{display:flex;gap:6px;flex:1;max-width:180px}
.prog__bar i{height:4px;flex:1;border-radius:2px;background:var(--just-line)}
.prog__bar i.on{background:var(--fg-1)}
.lede{margin:10px 0 0;font-size:14px;color:var(--fg-3)}
.q{display:flex;gap:16px;align-items:center;margin:18px 0 14px}
.q h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-0.015em;line-height:1.25;color:var(--fg-1)}
.q__body{max-width:560px}
.qacts{display:flex;align-items:center;gap:10px;margin-top:22px}
.qacts .sp{flex:1}
.tbtn{background:none;border:0;padding:10px 8px;font:inherit;font-size:14.5px;color:var(--fg-2);cursor:pointer;border-radius:6px}
@media (hover:hover){.tbtn:hover{color:var(--fg-1)}}
.tbtn:focus-visible{outline:2px solid var(--just-accent-ink);outline-offset:2px}
.tbtn .icon{width:16px;height:16px;vertical-align:-3px}
.combo{margin-top:12px;position:relative;max-width:420px}
.combo__lbl{display:block;font-size:13.5px;color:var(--fg-2);margin:14px 0 6px}
.lb{list-style:none;margin:6px 0 0;padding:6px;border:1px solid var(--just-line);border-radius:var(--r-2);background:var(--just-white);box-shadow:var(--shadow-glass);max-height:220px;overflow:auto}
.lb li{padding:10px 12px;border-radius:6px;font-size:15px;color:var(--fg-1);cursor:pointer}
.lb li[aria-selected="true"]{background:var(--just-paper-3)}
.lb li mark{background:none;color:inherit;font-weight:600}
.lb .empty{color:var(--fg-2);cursor:default;font-size:14px;line-height:1.5}
.thanks{margin:18px 0 0;font-size:16px;color:var(--fg-2)}
.keep{margin:8px 0 0;font-size:13.5px;color:var(--fg-3)}
.done2 .done__delete{margin-top:20px}
.ph{display:inline-block;border:1px dashed var(--fg-3);border-radius:6px;padding:2px 8px;color:var(--fg-3);font-size:.92em;background:var(--just-paper-2)}
/* simple pages: delete route, 404 */
.simple{max-width:560px;margin:0 auto;padding:120px 0 140px}
.simple .eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 14px}
.simple h1{font-size:clamp(32px,4vw,44px);font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin:0;color:var(--fg-1)}
.simple p{font-size:16px;line-height:1.6;color:var(--fg-2);margin:14px 0 0}
.simple code{font-family:var(--font-mono);font-size:14px;color:var(--fg-1);background:var(--just-paper-2);border:1px solid var(--just-line-soft);border-radius:4px;padding:2px 6px}
.simple .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.simple .ball-slot{margin-bottom:28px}
/* Hebrew */
html[lang="he"] body{font-family:'Inter','IBM Plex Sans Hebrew',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3,html[lang="he"] .hero h1{letter-spacing:0}
html[lang="he"] .hero h1{line-height:1.12}
html[lang="he"] p,html[lang="he"] li,html[lang="he"] dd{line-height:1.7}
html[lang="he"] .facts dt,html[lang="he"] .foot h3{text-transform:none;letter-spacing:0;font-size:12.5px}
html[lang="he"] .wm,html[lang="he"] bdi{unicode-bidi:isolate}
[dir="rtl"] .top__ball{margin-left:0;margin-right:auto}
[dir="rtl"] .early__go{white-space:nowrap}
[dir="rtl"] .consent a,[dir="rtl"] .foot__tagline a{display:inline}
@media (max-width:640px){
  .s1{grid-template-columns:1fr}
  .s1 .early__go{grid-column:1;width:100%}
  .q h3{font-size:19px}
  .q .gtile{width:44px;height:44px}.q .gtile .jg{width:30px;height:30px}
  .onlist{flex-wrap:wrap}
  .onlist__del{margin-inline-start:54px}
  .qacts .cta{flex:0 0 auto}
  .msgs li{grid-template-columns:48px 1fr;gap:14px}
  .msgs .gtile{width:48px;height:48px}.msgs .gtile .jg{width:32px;height:32px}
  .nav__right{gap:14px}
  .nav__right .lang{font-size:13.5px}
  .simple{padding:64px 0 88px}
  [dir="rtl"] .top__ball{margin-right:0}
}
/* AA focus (IS 5568 / WCAG 2.1 AA, Gery I3): every focusable takes --just-accent-ink on paper (5.02:1);
   the canonical .cta ring in the raw accent measures under 3:1 on paper (ID7), so the page overrides it. */
.cta:focus-visible,.nav__cta--primary:focus-visible{outline:2px solid var(--just-accent-ink);outline-offset:3px;box-shadow:none}
.input:focus-visible{outline:2px solid var(--just-accent-ink);outline-offset:2px}
.lb li[aria-selected="true"]{outline:1px solid var(--fg-1);outline-offset:-1px}
.foot a:focus-visible{outline:2px solid var(--just-accent-on-dark);outline-offset:3px}
/* fixes after the first render */
.faq summary .q2{display:flex;align-items:center;gap:14px}
.faq summary .q2 .icon,.faq details[open] summary .q2 .icon{width:20px;height:20px;color:var(--fg-3);transform:none;transition:none}
.facts{grid-template-columns:repeat(5,1fr)}
.gtile .jg{width:42px;height:42px}
.gtile--sm .jg{width:30px;height:30px}
.mock-tag{top:84px;bottom:auto;right:auto;inset-inline-end:12px}
@media (max-width:640px){
  .facts{grid-template-columns:1fr 1fr}
  .onlist{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}
  .onlist__del{grid-column:2;margin-inline-start:0;justify-self:start;margin-top:4px}
  .mock-tag{top:auto;bottom:12px}
  .msgs .gtile .jg{width:36px;height:36px}
}
/* chips hold two-line labels (Not registered yet, העסק עוד לא רשום) without clipping */
.chip span{height:auto;min-height:44px;padding-top:8px;padding-bottom:8px;line-height:1.25;text-align:center;box-sizing:border-box}
.done2 .onlist__del{display:none} /* the end screen carries the delete button once */


/* ===== Build additions (jb-1, 2026-11-01) ===== */
.jg .a16{fill:rgba(var(--just-accent-rgb),0.16);stroke:none}
.jg .a22{fill:rgba(var(--just-accent-rgb),0.22);stroke:none}
.jg .p0{stop-color:#FFFFFF}
.jg .p1{stop-color:#FAF8F3}
.jg .p2{stop-color:var(--just-accent-tint,#BFD0FF)}
.flip{transform:scaleX(-1)}
.text-start{text-align:start}
/* The honeypot: clipped, not pushed off-screen, so an RTL page gains no sideways scroll. */
.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.err-gap{margin-top:16px}
.keep--inline{margin:0}
.qform{margin:0}
.statement{max-width:680px;margin:0 auto;padding:96px 0 120px}
.statement h1{font-size:clamp(32px,4vw,44px);font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin:0 0 8px;color:var(--fg-1)}
.statement h2{font-size:18px;font-weight:600;margin:28px 0 8px;color:var(--fg-1)}
.statement p,.statement li{font-size:16px;line-height:1.65;color:var(--fg-2)}
.statement ul{padding-inline-start:20px}
.statement table{border-collapse:collapse;width:100%;font-size:14.5px;margin:12px 0}
.statement th,.statement td{border-bottom:1px solid var(--just-line-soft);padding:10px 8px;text-align:start;vertical-align:top;color:var(--fg-2)}
.statement th{color:var(--fg-1);font-weight:600}
.statement a{color:var(--fg-1)}
@media (max-width:640px){.statement{padding:56px 0 80px}.statement table{font-size:13.5px}}
/* "Which country?" appears only once "Another country" is chosen (Daisy's parity fix, no script).
   A browser without :has() shows the field, which is safe. */
.q__body:has(input[name=country]):not(:has(input[name=country][value=other]:checked)) .combo--reveal{display:none}
/* The step that just arrived takes focus (autofocus, no script). An autofocus is ignored when the URL
   carries a fragment, so the form posts carry none, and the focused element keeps clear of the sticky header. */
.q h3[tabindex],.thanks[tabindex],#email{scroll-margin-top:120px}
.q h3[tabindex]:focus,.thanks[tabindex]:focus{outline:none}
/* SP-DEL-KEEP and SP-DEL-ONCE under "You're on the list." on the question screens */
.keep--steps{margin:12px 0 0}
.keep .mail{color:var(--fg-1);text-decoration:none;border-bottom:1px solid var(--fg-3)}

/* ===== The footer language picker, from Daisy's reference implementation (11-seed-b2.html, 2026-11-01;
   just-assets CHROME-STANDARD s.5a). The placeholder third language of the renders is not shipped. ===== */
/* Language picker in the footer bottom bar (Aviv, 2026-11-01, after the Squarespace reference): the chrome's
   bent-wire globe (CHROME-STANDARD s.3a, the same paths), the current language's own name, a small chevron.
   details/summary, no script.
   Closed: the current language in its own script, a thin underline and a small up chevron (it opens
   upward, the row is at the page's end). Open: a dark glass list above it, each language in its own
   name, script and direction; the current one carries a check and aria-current. */
.foot__meta{gap:16px}
.lp{position:relative}
.lp summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--d-fg1);padding:6px 0;border-radius:4px}
.lp__globe{width:14px;height:14px}.lp__globe svg{width:14px;height:14px;display:block}
.lp summary [lang]{border-bottom:1px solid transparent}
.lp summary::-webkit-details-marker{display:none}
@media (hover:hover){.lp summary:hover [lang]{border-bottom-color:rgba(243,241,234,0.5)}}
.lp summary:focus-visible,.lp__list a:focus-visible{outline:2px solid var(--just-accent-on-dark);outline-offset:3px;border-radius:4px}
.lp__chev{width:12px;height:12px;transition:transform var(--d-base) var(--ease)}
.lp[open] .lp__chev{transform:rotate(180deg)}
.lp__list{position:absolute;bottom:calc(100% + 10px);inset-inline-start:0;z-index:5;min-width:200px;margin:0;padding:6px;list-style:none;
  background:rgba(51,47,42,0.94);-webkit-backdrop-filter:var(--just-blur);backdrop-filter:var(--just-blur);border:1px solid rgba(243,241,234,0.12);border-radius:var(--r-3);box-shadow:var(--shadow-glass)}
.lp[open] .lp__list{animation:lp-in 160ms var(--ease)}
@keyframes lp-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lp__list a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:8px;color:var(--d-fg1);text-decoration:none;font-size:14.5px}
@media (hover:hover){.lp__list a:hover{background:rgba(243,241,234,0.07)}}
.lp__list a[aria-current]{font-weight:600}
.lp__list a span:first-child{flex:1}
.lp__mark{width:16px;height:16px;color:var(--d-fg1)}.lp__mark svg{width:16px;height:16px;display:block}
.lp__list [lang="he"]{font-family:'Inter','IBM Plex Sans Hebrew',sans-serif}
.lp__list a span[lang]{flex:none;unicode-bidi:isolate}
.lp__list a span:first-child{flex:none}
.lp__mark{margin-inline-start:auto}
@media (prefers-reduced-motion:reduce){.lp[open] .lp__list{animation:none}.lp__chev{transition:none}}
.meta-sep{width:1px;height:12px;background:rgba(243,241,234,0.18)}
@media (max-width:640px){.foot__meta{order:-1}}