/* Neighborhood Blocks feature icons in their tiles (round 25): one tile (40 by 40, 12 rounded, the line icon in white at
   20), each feature in one of the six vibes' two colors, so the set reads as one family and each one as its own.
   Markup: <span class="nbi-tile nbi-loft"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="/assets/landing/icons.svg#nbi-guide"/></svg></span>
   Size it with --nbi (the tile's side; the icon is half of it). Used by the landing's pricing and its three doors, and
   meant for the checkout path's plan lists too. */
.nbi-tile{--nbi:40px;--a:var(--pal-blue-59);--b:var(--pal-violet-65);position:relative;flex:none;display:grid;place-items:center;width:var(--nbi);height:var(--nbi);border-radius:calc(var(--nbi) * .3);
  color:var(--pal-white);background:linear-gradient(135deg,var(--a),var(--b));
  box-shadow:inset 0 1px 0 var(--pal-white-a32),inset 0 -1px 0 var(--pal-black-a08),0 8px 18px -10px color-mix(in srgb,var(--b) 80%,transparent)}
.nbi-tile svg{display:block;width:calc(var(--nbi) * .5);height:calc(var(--nbi) * .5);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
/* the six vibes, each a touch deeper so the white line reads on every one */
.nbi-loft{--a:var(--pal-blue-59);--b:var(--pal-violet-62)}
.nbi-garden{--a:var(--pal-teal-33);--b:var(--pal-teal-40)}
.nbi-neon{--a:var(--pal-pink-54);--b:var(--pal-cyan-44)}
.nbi-brick{--a:var(--pal-red-57);--b:var(--pal-teal-37)}
.nbi-sunset{--a:var(--pal-orange-48);--b:var(--pal-red-58)}
.nbi-party{--a:var(--pal-indigo-62);--b:var(--pal-amber-45-v2)}
/* Deco's own: its night blue */
.nbi-deco{--a:var(--pal-blue-41);--b:var(--pal-blue-15)}