/* ---------------------------------------------------------------------------
   The two faces of the 3 Point Forward system, self-hosted.

   Self-hosted rather than linked, because the application's CSP is
   font-src 'self' with no CDN allowed, and because a webfont request to a third
   party on every page load is a request a customer's brokerage data does not
   need to be adjacent to.

   Variable, so one file covers every weight the page uses. The build step
   content-hashes these like every other asset, so they carry a one-year
   immutable cache.
   --------------------------------------------------------------------------- */
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/grotesk-var.06408904.woff2") format("woff2-variations"),
       url("/fonts/grotesk-var.06408904.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  /* Latin only. Anything outside this range falls to the stack below it rather
     than downloading a subset nothing on this site renders. */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-var.3100e775.woff2") format("woff2-variations"),
       url("/fonts/inter-var.3100e775.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------------------------------------------------------------------------
   Tophat, the front door.
   @author Thomas G. and Sophia, SOPHIA XT LLC (sophiaxt.com)
   @sophia-mark sx1 df5ae605af70 bafdae18d11d GWkB6BTnHpsgoIw7iIr16nwfVfH4oSKQ1N7Lx-cVWYa2j0Rbo7N84jCS5rgpxydUmjKQQW9q94K3OGcr7jRTDQ
   Copyright (c) 2026 SOPHIA XT LLC. All rights reserved.

   sx: the palette is .prism/style-lock.md and nothing else: navy #1f347f,
   deep #14235c, ink #1a2230, muted #525c6e, plat paper #eef2f6, border
   #d5dbe7, cyan #0C9ED9. The mood is a survey plat under a navy title block,
   so the page draws in plat terms: lot lines for grids, dashed lines for what
   is proposed and not yet built, and a title block to close.

   sx! cyan is 3.04:1 on white. It never carries small text on a light ground;
   there it is lines, dots and the drop outline only. On the navy grounds it is
   4.85:1 and above, so the kickers and the accent button use it there.

   Gold stays in the logo and nowhere else. It reads 1.68:1 on paper and the
   touch icon scripts/build-site.js draws is gold, so the mark keeps it.
   --------------------------------------------------------------------------- */
:root {
  --white:       #ffffff;
  --ink:         #1a2230;
  --ink-2:       #525c6e;
  --line:        #d5dbe7;
  --plat:        #eef2f6;
  --navy:        #1f347f;
  --navy-deep:   #14235c;
  --navy-bright: #2b46b8;
  --navy-tint:   #e6ebf7;
  --cyan:        #0C9ED9;
  --cyan-soft:   #6cc9f0;
  --on-cyan:     #04121f;
  --gold:        #f5b81f;
  --night:       #0a1430;
  --critical:    #c0392b;

  /* role tokens; the dark blocks below redefine these and only these */
  --ground:     var(--white);
  --ground-2:   var(--plat);
  --card:       var(--white);
  --text:       var(--ink);
  --text-2:     var(--ink-2);
  --rule:       var(--line);
  --lot:        rgba(31, 52, 127, .2);
  --grid:       rgba(31, 52, 127, .055);
  --brand:      var(--navy);
  --brand-tint: var(--navy-tint);
  --on-brand:   #ffffff;
  --label:      var(--navy);
  --focus:      var(--navy-bright);
  --band:       var(--navy-deep);

  /* the dark bands are dark in both themes, so their tokens do not flip */
  --band-text:   #ffffff;
  --band-text-2: #c9d3ec;
  --band-rule:   rgba(255, 255, 255, .2);
  --band-lot:    rgba(255, 255, 255, .07);
  --band-sublot: rgba(255, 255, 255, .03);

  --shadow:    0 14px 34px -24px rgba(20, 35, 92, .45);
  --shadow-lg: 0 50px 90px -40px rgba(4, 10, 30, .75);

  --r-xs: 2px; --r-sm: 4px; --r: 8px; --r-lg: 14px;
  --r-pill: 100px;
  --maxw: 1200px;
  --gutter: clamp(16px, 5vw, 40px);
  /* the style lock's ease, used for every transition on this site */
  --ease: cubic-bezier(.2, .8, .2, 1);

  /* type scale, used everywhere below and nowhere invented inline */
  --t-xs:  .8125rem;
  --t-sm:  .9375rem;
  --t-md:  1.0625rem;
  --t-lg:  clamp(1.125rem, 1.05rem + .35vw, 1.3rem);
  --t-xl:  clamp(1.25rem, 1.1rem + .6vw, 1.55rem);
  --t-2xl: clamp(1.9rem, 1.35rem + 2.2vw, 3rem);
  --t-3xl: clamp(2.5rem, 1.5rem + 4.4vw, 5rem);

  --ui: "Inter", ui-sans-serif, "Segoe UI Variable Text", "Segoe UI", system-ui,
        -apple-system, "Helvetica Neue", Arial, sans-serif;
  --display: "Space Grotesk", "Inter", ui-sans-serif, "Segoe UI Variable Display",
             system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "Consolas", "SF Mono", Menlo, monospace;
}
/* Designed, not inverted: the ground is the product desk's own dark wall,
   #0a1430, and the brand turns to a light cyan that clears 8:1 on it. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #0a1430; --ground-2: #0e1a3a; --card: #111d40;
    --text: #e6ebf5; --text-2: #a9b6db; --rule: #24335f;
    --lot: rgba(108, 201, 240, .22); --grid: rgba(255, 255, 255, .035);
    --brand: #5cc3ef; --brand-tint: #16244d; --on-brand: #04121f;
    --label: #5cc3ef; --focus: #6cc9f0; --band: #070f26;
    --shadow: 0 14px 34px -18px rgba(0, 0, 0, .8);
  }
}
:root[data-theme="dark"] {
  --ground: #0a1430; --ground-2: #0e1a3a; --card: #111d40;
  --text: #e6ebf5; --text-2: #a9b6db; --rule: #24335f;
  --lot: rgba(108, 201, 240, .22); --grid: rgba(255, 255, 255, .035);
  --brand: #5cc3ef; --brand-tint: #16244d; --on-brand: #04121f;
  --label: #5cc3ef; --focus: #6cc9f0; --band: #070f26;
  --shadow: 0 14px 34px -18px rgba(0, 0, 0, .8);
}

* { box-sizing: border-box; }
html { scroll-padding-top: 84px; }
body {
  margin: 0; background: var(--ground); color: var(--text);
  font-family: var(--ui); font-size: var(--t-md); line-height: 1.62;
  -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img { max-width: 100%; display: block; }
/* A <picture> only chooses which file its <img> loads. display: contents keeps
   it out of the layout so rules sizing an image through its parent still
   measure against that parent. */
picture { display: contents; }
a { color: var(--brand); text-underline-offset: 3px; }

h1, h2, h3 { font-family: var(--display); font-weight: 600; text-wrap: balance; margin: 0; }
h1 { font-size: var(--t-3xl); line-height: 1.02; font-weight: 640; }
h2 { font-size: var(--t-2xl); line-height: 1.08; margin-bottom: .45em; }
h3 { font-size: var(--t-lg); line-height: 1.3; margin-bottom: .4em; }
p  { margin: 0 0 1em; max-width: 64ch; }
.lede { font-size: var(--t-lg); color: var(--text-2); line-height: 1.55; max-width: 54ch; }

.wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }
section { padding-block: clamp(72px, 9vw, 132px); }

/* Visible only when focused: the first Tab on the page lands here. */
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px;
        background: var(--card); color: var(--text); border: 2px solid var(--focus);
        border-radius: var(--r-sm); font-weight: 600; text-decoration: none; }
.skip:focus { top: 12px; }
main:focus { outline: none; }

:where(a, button, input, [tabindex]):focus-visible {
  outline: 2px solid var(--focus); outline-offset: 3px; border-radius: var(--r-xs);
}
/* On the navy bands the default focus colour would be navy on navy. */
:where(.hero, .pcs, .close, .tour__panel) :where(a, button):focus-visible { outline-color: var(--cyan-soft); }

/* The plat label: a sheet number boxed like a lot number, then the name. */
.label {
  display: flex; align-items: center; gap: 12px; margin: 0 0 22px;
  font-family: var(--mono); font-size: var(--t-xs); font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--label);
  line-height: 1.2; white-space: nowrap; align-self: start;
}
.label span { display: inline-grid; place-items: center; min-width: 34px; height: 24px; padding: 0 6px;
              border: 1px solid currentColor; letter-spacing: .04em; }
.label--dark { color: var(--cyan-soft); }
.head { margin-bottom: clamp(36px, 5vw, 64px); }
.head h2 { max-width: 22ch; }

/* ---- masthead ----------------------------------------------------------- */
.mast {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 20px;
  padding: 10px var(--gutter);
  background: color-mix(in srgb, var(--ground) 88%, transparent);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid transparent;
  transition: border-color .3s var(--ease);
}
.mast[data-stuck] { border-bottom-color: var(--rule); }
.logo { display: flex; align-items: center; gap: 10px; font-family: var(--display);
        font-weight: 700; font-size: 1.16rem; letter-spacing: -.02em; color: var(--text);
        text-decoration: none; margin-right: auto; min-height: 44px; }
.logo svg { width: 30px; height: 30px; flex: none; }
.mast nav { display: none; gap: 4px; font-size: var(--t-sm); }
.mast nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px;
              color: var(--text-2); text-decoration: none; transition: color .2s var(--ease); }
.mast nav a:hover, .mast nav a[aria-current] { color: var(--text); }
@media (min-width: 900px) { .mast nav { display: flex; } }
.mast__act { display: flex; align-items: center; gap: 8px; }
.mast__in {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 16px; border-radius: var(--r-sm);
  border: 1px solid var(--rule); background: var(--card);
  color: var(--text); text-decoration: none;
  font-size: var(--t-sm); font-weight: 600; white-space: nowrap;
  transition: border-color .2s var(--ease);
}
.mast__in:hover { border-color: var(--brand); }
@media (max-width: 560px) {
  .mast { gap: 8px; }
  .mast__act { gap: 6px; }
  .mast__in, .mast .btn { padding-inline: 12px; font-size: .875rem; }
  .mast .btn--primary .full { display: none; }
}
@media (min-width: 561px) { .mast .btn--primary .short { display: none; } }

/* ---- buttons ------------------------------------------------------------- */
/* Square-shouldered, 4px. The windows are 8px and the title block is square,
   so the radius changes with what a thing is. */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  min-height: 48px; padding: 0 22px; border-radius: var(--r-sm);
  font-family: var(--ui); font-size: var(--t-sm); font-weight: 600;
  text-decoration: none; border: 1px solid transparent; cursor: pointer;
  transition: background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
}
.btn--primary { background: var(--brand); color: var(--on-brand); }
.btn--primary:hover { background: var(--navy-bright); color: #fff; }
.btn--accent { background: var(--cyan); color: var(--on-cyan); }
.btn--accent:hover { background: var(--cyan-soft); }
.btn--ghost { border-color: var(--brand); color: var(--text); background: transparent; }
.btn--ghost:hover { background: var(--brand-tint); }
/* background is stated: this modifier sits on <button> in the tour as well,
   and a button's own ButtonFace grey under white text is unreadable. */
.btn--wire { border-color: rgba(255, 255, 255, .55); color: #fff; background: transparent; }
.btn--wire:hover { border-color: var(--cyan-soft); color: var(--cyan-soft); }
.btn--light { background: #fff; color: var(--navy-deep); }

/* ---- the plat ground ------------------------------------------------------ */
/* The product desk's wall, line for line: a lot every 192 by 128 and a sublot
   every 48 by 32 (public/app.css .desk). Lines drawn with gradients, which is
   the only way CSS has to rule a grid; there is no colour wash anywhere. */
.hero, .pcs, .close {
  background-color: var(--band); color: var(--band-text);
  background-image:
    linear-gradient(var(--band-lot) 1px, transparent 1px),
    linear-gradient(90deg, var(--band-lot) 1px, transparent 1px),
    linear-gradient(var(--band-sublot) 1px, transparent 1px),
    linear-gradient(90deg, var(--band-sublot) 1px, transparent 1px);
  background-size: 192px 128px, 192px 128px, 48px 32px, 48px 32px;
}

/* ---- hero ---------------------------------------------------------------- */
.hero { --overlap: clamp(64px, 12vw, 180px); padding: clamp(48px, 6vw, 88px) 0 0; position: relative;
        /* flow-root, so the desk's negative bottom margin pushes it out of the
           band instead of collapsing through and dragging the band down too */
        display: flow-root; }
.hero__grid { display: grid; gap: clamp(24px, 3vw, 40px); align-items: end; }
@media (min-width: 980px) { .hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; } }
.kicker { font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .14em;
          text-transform: uppercase; color: var(--cyan); margin: 0 0 22px; max-width: 34ch; }
.hero h1 { color: #fff; max-width: 12ch; letter-spacing: -.035em; }
.hero .lede { color: var(--band-text-2); margin: 0; }
.hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero__note { margin: 22px 0 0; font-size: var(--t-xs); color: #b7c4e6; max-width: 48ch; }
.hero__note a { color: #fff; }

.hero .wrap + .wrap { position: relative; z-index: 2; margin-top: clamp(40px, 6vw, 72px);
                      margin-bottom: calc(-1 * var(--overlap)); }

/* The Window menu, for real: three buttons that rearrange the desk below. */
.arrange { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;
           gap: 10px 14px; margin-bottom: 18px; }
.arrange[hidden] { display: none; }
.arrange p { margin: 0; font-family: var(--mono); font-size: var(--t-xs); color: #b7c4e6; }
.arrange__b { display: flex; flex-wrap: wrap; gap: 6px; }
.arrange button {
  min-height: 44px; padding: 0 14px; border-radius: var(--r-sm); cursor: pointer;
  font: 600 var(--t-xs)/1 var(--ui); color: #fff; background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .4);
  transition: background-color .18s var(--ease), border-color .18s var(--ease);
}
.arrange button:hover { border-color: var(--cyan-soft); }
.arrange button[aria-pressed="true"] { background: var(--cyan); border-color: var(--cyan); color: var(--on-cyan); }
@media (max-width: 759px) { .arrange { display: none !important; } }

/* ---- the desk illustration ---------------------------------------------- */
/*
 * Built in HTML at the product's own sizes: a 30px menu bar, 12 to 13px text
 * in the windows, 40px dock icons. On a laptop that is close to one to one
 * with the real desk, which is the point: it should look like a screenshot
 * and be cheaper and sharper than one.
 *
 * The corner ticks are survey crop marks, drawn on the wrapper so they sit
 * outside the screen's own shadow.
 */
.pc {
  position: relative; margin: 0; overflow: hidden; isolation: isolate;
  aspect-ratio: 16 / 9.6; min-height: 460px;
  display: grid; grid-template-rows: 30px 1fr;
  border-radius: 12px; color: var(--ink); font-family: var(--ui);
  background-color: #1a2d70;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 192px 128px, 192px 128px, 48px 32px, 48px 32px;
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255, 255, 255, .16);
}
.pcw { position: relative; }
.pcw::before {
  content: ""; position: absolute; pointer-events: none; z-index: 1;
  inset: -14px;
  --tk: linear-gradient(var(--cyan), var(--cyan));
  background:
    var(--tk) left top / 20px 1px no-repeat, var(--tk) left top / 1px 20px no-repeat,
    var(--tk) right top / 20px 1px no-repeat, var(--tk) right top / 1px 20px no-repeat,
    var(--tk) left bottom / 20px 1px no-repeat, var(--tk) left bottom / 1px 20px no-repeat,
    var(--tk) right bottom / 20px 1px no-repeat, var(--tk) right bottom / 1px 20px no-repeat;
}
@media (max-width: 759px) { .pcw::before { inset: -9px; } }

.pc__bar { display: flex; align-items: center; gap: 2px; padding: 0 10px; font-size: 13px; min-width: 0;
           background: rgba(244, 246, 250, .92); color: var(--ink); border-bottom: 1px solid rgba(0, 0, 0, .08); }
.pc__bar > b, .pc__bar > span { padding: 0 9px; white-space: nowrap; }
.pc__mark { width: 16px; height: 16px; margin: 0 4px; color: var(--ink); flex: none; }
.pc__tray { margin-left: auto; display: flex; align-items: center; gap: 14px; font-size: 12px; }
.pc__k { font-family: var(--mono); font-size: 11px; padding: 2px 6px; border: 1px solid #b9c2d3; border-radius: 4px; color: var(--ink-2); }
.pc__org { display: inline-flex; align-items: center; gap: 6px; }
.pc__org i { width: 8px; height: 8px; border-radius: 2px; background: var(--cyan); }
.pc__av { width: 22px; height: 22px; border-radius: 50%; background: var(--navy-bright); color: #fff;
          display: inline-grid; place-items: center; font-size: 9.5px; font-weight: 700; }

.pc__wall { position: relative; margin: 14px 14px 84px; min-height: 0; }

.win { position: absolute; display: flex; flex-direction: column; overflow: hidden;
       background: #fff; border-radius: 8px;
       box-shadow: 0 12px 30px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .22); }
.win--a { view-transition-name: win-a; z-index: 3; }
.win--b { view-transition-name: win-b; z-index: 2; }
.win--c { view-transition-name: win-c; z-index: 1; }
.win__bar { flex: 0 0 32px; display: flex; align-items: center; gap: 8px; padding: 0 4px 0 10px;
            background: var(--plat); border-bottom: 1px solid var(--line); font-size: 12.5px; }
.win--a .win__bar { background: var(--navy-tint); }
.win__bar .ic { width: 16px; height: 16px; }
.win__bar b { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.win__ctl { display: flex; }
.win__ctl i { width: 30px; height: 24px; display: grid; place-items: center; }
.win__ctl i::before { content: ""; display: block; width: 9px; height: 9px; }
.win__ctl i:nth-child(1)::before { height: 1px; background: #6a7385; }
.win__ctl i:nth-child(2)::before { border: 1px solid #6a7385; }
.win__ctl i:nth-child(3)::before {
  background: linear-gradient(45deg, transparent 46%, #6a7385 46%, #6a7385 54%, transparent 54%),
              linear-gradient(-45deg, transparent 46%, #6a7385 46%, #6a7385 54%, transparent 54%); }
.win__body { flex: 1; min-height: 0; overflow: hidden; padding: 12px 14px; font-size: 12px; line-height: 1.4; }
.win__tool { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px;
             color: var(--ink-2); font-size: 11.5px; }
.win__q { flex: 0 1 180px; min-width: 0; padding: 4px 10px; border: 1px solid var(--line); border-radius: 6px;
          color: #6a7385; white-space: nowrap; overflow: hidden; }
.win__h { margin: 0 0 12px; font-family: var(--display); font-weight: 600; font-size: 13px; color: var(--ink); }
.win__foot { margin: 14px 0 0; padding-top: 10px; border-top: 1px solid var(--line); color: var(--ink-2); font-size: 11.5px; }
.win__foot b { color: var(--ink); font-variant-numeric: tabular-nums; }

.tbl { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.tbl th { text-align: left; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
          color: var(--ink-2); padding: 0 8px 6px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.tbl td { padding: 7px 8px; border-bottom: 1px solid #edf0f5; white-space: nowrap; }
.tbl td:first-child { font-weight: 600; overflow: hidden; text-overflow: ellipsis; max-width: 0; width: 42%; }
.tbl .n { text-align: right; }
.tbl tr.is-drop td { background: rgba(12, 158, 217, .1); }
.tbl tr.is-drop { outline: 1.5px dashed var(--cyan); outline-offset: -2px; }

/* The file on its way in: a chip under a pointer, parked over the row. */
.drag { position: absolute; top: 96px; left: 44%; z-index: 5; pointer-events: none; }
.drag__f { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px 6px 7px;
           background: #fff; border-radius: 6px; font-size: 11.5px; font-weight: 600; white-space: nowrap;
           box-shadow: 0 10px 22px rgba(0, 0, 0, .28), 0 0 0 1px rgba(0, 0, 0, .12); transform: rotate(-3deg); }
.drag__f i { width: 16px; height: 19px; border-radius: 2px; background: #1e7a4a;
             clip-path: polygon(0 0, 70% 0, 100% 26%, 100% 100%, 0 100%); }
.drag__p { position: absolute; left: 30px; top: 18px; width: 15px; height: 21px; }

.bars { display: grid; gap: 12px; }
.bar { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; font-size: 11.5px; }
.bar span { color: var(--ink-2); }
.bar b { font-variant-numeric: tabular-nums; font-weight: 600; }
.bar i { grid-column: 1 / -1; height: 8px; border-radius: 2px; background: var(--navy-tint); position: relative; overflow: hidden; }
.bar i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--navy); }
.bar:nth-child(1) i::after { background: var(--critical); }
.bar:nth-child(2) i::after { background: var(--gold); }

.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.steps li { position: relative; display: grid; grid-template-columns: 18px 1fr auto; gap: 9px; align-items: center;
            padding: 5px 0; font-weight: 600; }
.steps li span { font-weight: 400; color: var(--ink-2); font-size: 11px; }
.steps li i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--line); background: #fff; z-index: 1; }
.steps li:not(:last-child)::before { content: ""; position: absolute; left: 6px; top: 22px; height: calc(100% - 14px);
                                     width: 2px; background: var(--line); }
.steps li[data-done] i { background: var(--navy); border-color: var(--navy); }
.steps li[data-now] i { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(12, 158, 217, .2); }

.pc__dock { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 6;
            display: flex; align-items: center; gap: 7px; padding: 7px 10px 9px; border-radius: 16px;
            background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .34);
            backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); view-transition-name: pc-dock; }
.pc__dock .ic { position: relative; width: 44px; height: 44px; }
.pc__dock .ic.is-run::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 5px; height: 3px;
                              margin-left: -2.5px; border-radius: 2px; background: rgba(255, 255, 255, .9); }
.pc__start { width: 44px; height: 44px; border-radius: 11px; background: var(--navy-deep);
             display: grid; place-items: center; }
.pc__start svg { width: 26px; height: 26px; }
.pc__sep { width: 1px; height: 38px; margin: 0 3px; background: rgba(255, 255, 255, .34); }

/* The three arrangements. Positions are percentages of the surface above the
   dock, so the same rules hold from a 760px tablet to a 1200px desk. */
.pc .win--a { inset: 0 auto auto 0; width: 49.3%; height: 100%; }
.pc .win--b { top: 0; left: 50.7%; width: 49.3%; height: 48.6%; }
.pc .win--c { top: 51.4%; left: 50.7%; width: 49.3%; height: 48.6%; }

.pc[data-layout="cascade"] .win--a { top: 0; left: 0; width: 58%; height: 80%; z-index: 1; }
.pc[data-layout="cascade"] .win--b { top: 10%; left: 21%; width: 58%; height: 80%; z-index: 2; }
.pc[data-layout="cascade"] .win--c { top: 20%; left: 42%; width: 58%; height: 80%; z-index: 3; }
.pc[data-layout="cascade"] .drag { display: none; }

.pc[data-layout="focus"] .win--a { top: 0; left: 0; width: 100%; height: 100%; }
.pc[data-layout="focus"] .win--b,
.pc[data-layout="focus"] .win--c { display: none; }

/* The phone gets its own composition: two windows overlapping like a cascade,
   the third left in the dock, and five dock icons instead of ten. */
@media (max-width: 759px) {
  .pc { aspect-ratio: auto; height: 470px; min-height: 0; border-radius: 10px; }
  .pc__bar > span:not(.pc__tray), .pc__org, .pc__clock { display: none; }
  .pc__wall { margin: 10px 10px 76px; }
  .pc .win--a, .pc[data-layout] .win--a { top: 0; left: 0; width: 92%; height: 64%; z-index: 3; display: flex; }
  .pc .win--b, .pc[data-layout] .win--b { top: 46%; left: 10%; width: 90%; height: 54%; z-index: 2; display: flex; }
  .pc .win--c, .pc[data-layout] .win--c { display: none; }
  .pc .drag { display: block; top: 92px; left: 36%; }
  .hide-s { display: none; }
  .tbl td:first-child { width: 50%; }
  .pc__dock { gap: 6px; padding: 6px 8px 8px; }
  .pc__dock .ic, .pc__start { width: 38px; height: 38px; }
  .pc__dock > :nth-child(n+8) { display: none; }
}

/* The windows travel between layouts as View Transition snapshots, which the
   browser animates with transform and opacity only. */
::view-transition-group(win-a), ::view-transition-group(win-b), ::view-transition-group(win-c) {
  animation-duration: 260ms; animation-timing-function: var(--ease);
}
::view-transition-old(root), ::view-transition-new(root) { animation: none; }

/* ---- the app icons ------------------------------------------------------- */
.ic { display: inline-block; flex: none; width: 40px; height: 40px;
      background: center / contain no-repeat; }

/* ---- 01 the problem ------------------------------------------------------ */
.why { padding-top: calc(var(--overlap, 140px) + clamp(64px, 8vw, 112px)); padding-bottom: clamp(56px, 7vw, 96px); }
.hero + .why { --overlap: clamp(64px, 12vw, 180px); }
.why__g { display: grid; gap: 8px 48px; }
@media (min-width: 900px) { .why__g { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); } .why .label { margin-top: 14px; } }
.why h2 { max-width: 20ch; }
.why p:not(.label) { color: var(--text-2); font-size: var(--t-lg); max-width: 58ch; }
.why div > p:last-child { margin-bottom: 0; color: var(--text); }

/* ---- 02 the apps, four lots on a plat ----------------------------------- */
.apps { background-color: var(--ground-2);
  background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 48px 32px; border-block: 1px solid var(--rule); }
.plat { display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--lot); border-left: 1px solid var(--lot);
        background: var(--card); }
@media (min-width: 860px) { .plat { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.lot { position: relative; padding: clamp(24px, 3.4vw, 44px); border-right: 1px solid var(--lot); border-bottom: 1px solid var(--lot);
       display: flex; flex-direction: column; gap: 18px; }
.lot h3 { font-size: var(--t-xl); margin: 0; }
.lot p { margin: 0; color: var(--text-2); font-size: var(--t-sm); max-width: 52ch; }
.lot__n { position: absolute; top: 14px; right: 16px; font-family: var(--mono); font-size: 11px !important;
          letter-spacing: .12em; text-transform: uppercase; color: var(--label) !important; }
.lot__apps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 16px 10px; }
.lot__apps li { width: 84px; display: grid; justify-items: center; gap: 6px; text-align: center;
                font-size: var(--t-xs); font-weight: 600; line-height: 1.25; }
.lot__apps .ic { width: 48px; height: 48px; }
.keys { display: flex; gap: 8px; }
kbd { display: inline-grid; place-items: center; min-width: 48px; height: 48px; padding: 0 12px;
      font-family: var(--mono); font-size: var(--t-sm); font-weight: 600; color: var(--text);
      background: var(--ground-2); border: 1px solid var(--text-2); border-bottom-width: 3px; border-radius: 6px; }

/* ---- 03 the computer you already use ------------------------------------ */
.pcs__g { display: grid; gap: 40px 64px; }
@media (min-width: 980px) {
  .pcs__g { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
  .pcs__head { position: sticky; top: 104px; }
}
.pcs h2 { color: #fff; }
.pcs__head p:not(.label) { color: var(--band-text-2); font-size: var(--t-lg); max-width: 40ch; }
.rows { list-style: none; margin: 0; padding: 0; }
.row { display: grid; gap: 18px 32px; padding: 32px 0; border-top: 1px solid var(--band-rule); }
.row:last-child { border-bottom: 1px solid var(--band-rule); }
@media (min-width: 640px) { .row { grid-template-columns: 176px minmax(0, 1fr); } }
.row h3 { color: #fff; font-size: var(--t-xl); }
.row p { color: var(--band-text-2); margin: 0; max-width: 50ch; }
.row__art { position: relative; height: 112px; max-width: 240px; border: 1px solid var(--band-rule); border-radius: var(--r-sm);
            background: rgba(255, 255, 255, .04); display: grid; place-items: center; overflow: hidden; }
.mini { width: 70%; height: 66%; border: 1.5px dashed var(--cyan); border-radius: 6px; background: rgba(12, 158, 217, .08);
        display: grid; align-content: start; gap: 6px; padding: 18px 10px 0; }
.mini i { height: 5px; border-radius: 2px; background: rgba(255, 255, 255, .22); }
.mini i:nth-child(2) { width: 70%; } .mini i:nth-child(3) { width: 45%; }
.chip { position: absolute; right: 12%; bottom: 12px; padding: 5px 9px; background: #fff; color: var(--ink);
        border-radius: 5px; font-size: 11px; font-weight: 600; transform: rotate(-4deg);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .4); }
.row__art--snap { display: flex; gap: 14px; justify-content: center; align-items: center; }
.snap { width: 44px; height: 32px; display: flex; gap: 3px; }
.snap i { flex: 1; border-radius: 3px; background: #5a6a96; }
.snap--21 i:first-child { flex: 2; background: var(--cyan); }
.snap--22 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.row__art--task { align-items: end; }
.task { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; background: rgba(0, 0, 0, .35);
        border-top: 1px solid var(--band-rule); }
.task i { width: 26px; height: 26px; border-radius: 6px; background: rgba(255, 255, 255, .16); }
.task b { width: 32px; height: 32px; border-radius: 7px; background: var(--navy-deep); outline: 1.5px solid var(--cyan);
          display: grid; place-items: center; }
.task b svg { width: 20px; height: 20px; }

/* ---- 04 access ------------------------------------------------------------ */
.access__g { display: grid; gap: 0 64px; }
@media (min-width: 980px) {
  .access__g { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .access .head { grid-row: span 2; }
}
.facts { list-style: none; margin: 0 0 40px; padding: 0; display: grid; gap: 30px 36px; }
@media (min-width: 640px) { .facts { grid-template-columns: 1fr 1fr; } }
.facts li { border-top: 1px solid var(--text); padding-top: 16px; }
.facts p { margin: 0; color: var(--text-2); font-size: var(--t-sm); }

/* Dashed, because on a plat a dashed line is proposed work: drawn, agreed,
   and not built yet. */
.soon { border: 1.5px dashed var(--lot); padding: clamp(22px, 3vw, 34px); background: var(--ground-2); }
.soon__tag { display: inline-block; margin: 0 0 12px; padding: 4px 10px; border: 1px dashed currentColor;
             font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .12em;
             text-transform: uppercase; color: var(--label); }
.soon h3 { margin-bottom: 18px; }
.soon ul { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 12px 28px; }
@media (min-width: 720px) { .soon ul { grid-template-columns: 1fr 1fr; } }
.soon li { display: flex; align-items: center; gap: 12px; font-size: var(--t-sm); }
.soon li .ic { width: 32px; height: 32px; filter: grayscale(.6); opacity: .85; }
.soon > p:last-child { margin: 0; font-size: var(--t-sm); color: var(--text-2); }

/* ---- 05 the detail, set as a drawing's schedule ----------------------------- */
.detail { background: var(--ground-2); border-block: 1px solid var(--rule); padding-block: clamp(56px, 7vw, 96px); }
.head--row { display: grid; gap: 0 48px; }
@media (min-width: 900px) { .head--row { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); align-items: baseline; } }
.sched { margin: 0; display: grid; gap: 0 36px; }
@media (min-width: 640px) { .sched { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .sched { grid-template-columns: repeat(3, 1fr); } }
.sched > div { padding: 18px 0 22px; border-top: 1px solid var(--lot); }
.sched dt { font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .1em;
            text-transform: uppercase; color: var(--label); margin-bottom: 8px; }
.sched dd { margin: 0; font-size: var(--t-sm); color: var(--text-2); }

/* ---- 06 pricing ------------------------------------------------------------ */
.tiers { display: grid; gap: 16px; grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 880px) { .tiers { grid-template-columns: repeat(3, 1fr); } }
.tier { background: var(--card); border: 1px solid var(--rule); border-radius: var(--r-xs);
        padding: 28px 26px; display: flex; flex-direction: column; }
.tier--pick { border: 2px solid var(--brand); box-shadow: var(--shadow); }
.tier__k { font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .12em;
           text-transform: uppercase; color: var(--label); margin: 0 0 14px; }
.tier__p { font-family: var(--display); font-size: clamp(2.4rem, 2rem + 1.2vw, 3rem); font-weight: 600;
           letter-spacing: -.035em; line-height: 1; margin: 0; }
.tier__p small { font-family: var(--ui); font-size: var(--t-sm); font-weight: 500; letter-spacing: 0; color: var(--text-2); }
.tier__s { font-size: var(--t-sm); color: var(--text-2); margin: 12px 0 24px; flex: 1; }
.tier .btn { width: 100%; }
.incl { display: grid; gap: 32px 48px; margin-top: 48px; }
@media (min-width: 880px) { .incl { grid-template-columns: 1fr 1fr; } }
.incl h3 { font-size: var(--t-md); font-family: var(--ui); font-weight: 700; margin-bottom: 14px; }
.incl ul { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 9px; }
.incl li { position: relative; padding-left: 22px; font-size: var(--t-sm); color: var(--text-2); }
.incl li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; background: var(--brand); }
.incl p { font-size: var(--t-sm); color: var(--text-2); margin: 0; }

/* ---- 07 the close, as a drawing's title block -------------------------------- */
.close .tb { display: grid; border: 1px solid rgba(255, 255, 255, .4); }
@media (min-width: 980px) { .close .tb { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); } }
.tb__main { padding: clamp(26px, 4vw, 52px); }
.close h2 { color: #fff; max-width: 18ch; }
.tb__main > p:not(.label) { color: var(--band-text-2); font-size: var(--t-lg); max-width: 52ch; }
.close__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.tb__cells { margin: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, .4); }
@media (min-width: 980px) { .tb__cells { border-top: 0; border-left: 1px solid rgba(255, 255, 255, .4); grid-auto-rows: 1fr; } }
.tb__cells > div { padding: 16px 18px; border-bottom: 1px solid var(--band-rule); }
.tb__cells > div:nth-child(odd) { border-right: 1px solid var(--band-rule); }
.tb__cells > div:nth-last-child(-n+2) { border-bottom: 0; }
.tb__cells dt { font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #b7c4e6; margin-bottom: 4px; }
.tb__cells dd { margin: 0; font-weight: 600; color: #fff; font-size: var(--t-sm); }

/* ---- footer ------------------------------------------------------------- */
footer { border-top: 1px solid var(--rule); padding-block: clamp(40px, 5vw, 64px) 30px;
         font-size: var(--t-sm); color: var(--text-2); }
.foot__top { display: grid; gap: clamp(28px, 4vw, 48px); grid-template-columns: 1fr;
             padding-bottom: clamp(28px, 3.5vw, 42px); }
@media (min-width: 620px)  { .foot__top { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px)  { .foot__top { grid-template-columns: 2fr 1fr 1fr 1fr; } }
.foot__id .logo { margin-bottom: 10px; }
.foot__id p { font-size: var(--t-sm); max-width: 34ch; margin: 0; }
.foot__col { display: grid; align-content: start; gap: 2px; }
.foot__col h2 { font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .12em;
                text-transform: uppercase; color: var(--text); margin: 0 0 6px; }
.foot__col a { display: flex; align-items: center; min-height: 40px; color: var(--text-2); text-decoration: none;
               width: fit-content; transition: color .2s var(--ease); }
.foot__col a:hover { color: var(--brand); text-decoration: underline; }
.foot__bar { border-top: 1px solid var(--rule); padding-top: 20px; display: flex;
             flex-wrap: wrap; gap: 8px 26px; align-items: baseline; }
.foot__bar p { margin: 0; font-size: var(--t-xs); max-width: none; }
.foot__bar p:first-child { margin-right: auto; }
.foot__bar a { color: var(--text-2); }
.foot__legalinks { display: flex; gap: 20px; }
.foot__legalinks a { display: inline-flex; align-items: center; min-height: 36px; }
@media (max-width: 620px) {
  .foot__top { grid-template-columns: repeat(2, 1fr); }
  .foot__id { grid-column: 1 / -1; }
}

/* ---- the shared .eyebrow and .lede the legal pages and the tour still use -- */
.eyebrow { font-family: var(--mono); font-size: var(--t-xs); font-weight: 600; letter-spacing: .14em;
           text-transform: uppercase; color: var(--label); margin: 0 0 .9em; }

@media (prefers-reduced-motion: reduce) {
  .btn, .mast, .arrange button, .foot__col a { transition: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
  * { scroll-behavior: auto; }
}


/* ---- long-form legal pages ---------------------------------------------- */
.doc { padding-block: clamp(44px, 6vw, 84px) clamp(56px, 7vw, 96px); }
.doc__h { border-bottom: 1px solid var(--rule); padding-bottom: clamp(22px, 3vw, 34px);
          margin-bottom: clamp(30px, 4vw, 48px); }
.doc__h h1 { font-size: clamp(2rem, 1.4rem + 2.2vw, 3rem); }
.doc__h p { margin: .8em 0 0; color: var(--text-2); }
.doc__b { max-width: 74ch; }
.doc__b h2 { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); margin: 2.2em 0 .5em;
             scroll-margin-top: 90px; }
.doc__b h2:first-child { margin-top: 0; }
.doc__b h3 { margin: 1.7em 0 .4em; font-size: 1.03rem; }
.doc__b p, .doc__b li { color: var(--text-2); }
.doc__b ul { padding-left: 1.15em; margin: 0 0 1.1em; }
.doc__b li { margin-bottom: .45em; }
.doc__b strong { color: var(--text); font-weight: 600; }
.doc__toc { background: var(--brand-tint); border: 1px solid var(--rule); border-radius: var(--r-lg);
            padding: 20px 24px; margin-bottom: clamp(28px, 3.4vw, 42px); }
.doc__toc h2 { margin: 0 0 10px; font-size: .74rem; letter-spacing: .13em; text-transform: uppercase;
               font-family: var(--ui); color: var(--text); }
.doc__toc ol { margin: 0; padding-left: 1.3em; columns: 2; column-gap: 30px; font-size: .9rem; }
.doc__toc li { margin-bottom: .3em; break-inside: avoid; }
@media (max-width: 560px) { .doc__toc ol { columns: 1; } }
.doc__note { background: var(--card); border: 1px solid var(--rule); border-left: 4px solid var(--brand);
             border-radius: 0 var(--r) var(--r) 0; padding: 16px 20px; margin: 1.6em 0; }
.doc__note p:last-child { margin-bottom: 0; }


/* ---- type settings ------------------------------------------------------- */
/*
 * These were previously carried on individual rules and set for the intended
 * faces while a substitute was actually rendering. Now that the real ones load,
 * they are collected here so the reasoning sits in one place.
 */

/* Inter ships old-style figures off by default but its tabular set is what makes
   a column of money line up. Applied to the page rather than per widget, because
   the failure mode is a number somewhere nobody thought to annotate. */
body { font-variant-numeric: tabular-nums; font-feature-settings: "cv05" 1, "cv11" 1; }
/* cv05 gives the lower-case l a tail and cv11 opens the a, both of which stop
   Il1 and a/o collapsing into each other at the small sizes used in the cards. */

/* Running text wants proportional figures, not tabular: a date or a price inside
   a sentence should not sit in a monospaced slot. */
p, li, dd, .lede, .btn, .doc__b p, .doc__b li, .tier__s {
  font-variant-numeric: proportional-nums;
}

/*
 * Optical sizing and tracking. Space Grotesk is a wide display face and takes
 * real negative tracking at large sizes; it needs LESS of it as the size drops,
 * and none at all at body size. The single -0.022em that used to apply to every
 * heading was too tight on h3 and not tight enough on h1.
 */
h1 { letter-spacing: -0.034em; }
h2 { letter-spacing: -0.022em; }
h3 { letter-spacing: -0.008em; }
.tier__p { letter-spacing: -0.03em; }


/* Inter's default line height is tight for long-form reading. The legal pages
   are the only place on this site where somebody reads several hundred words in
   a row, and they get the loosest setting for that reason. */
.doc__b p, .doc__b li { line-height: 1.72; }

/* Stop a heading breaking one word onto its own line, which is the single most
   common way a well-set page still looks amateur. */
h1, h2, h3 { text-wrap: balance; }
p, .lede { text-wrap: pretty; }

/* Hyphenation off. A justified-looking rag is better than a hyphen in a product
   name, and nothing here is justified. */
h1, h2, h3, p, li { hyphens: none; }


/* ---- the product tour ---------------------------------------------------- */
/*
 * TWO LAYOUTS FOR ONE PIECE OF MARKUP.
 *
 * The page ships as an ordered list: six screenshots, each with a heading and
 * two paragraphs under it. That is the whole tour, readable top to bottom, and
 * it is what a crawler, a printer, and a browser with the script blocked all
 * get. None of the rules below are needed for it to make sense.
 *
 * site/js/tour.js sets data-live on the section once it has confirmed it can
 * drive the thing, and the [data-live] rules turn that list into a player:
 * one step at a time, controls revealed, progress bar running. Hiding a step
 * BEFORE the script has proved it can bring it back is how a page ends up
 * showing one screenshot and no way to reach the other five, so every
 * hiding rule here is behind that attribute.
 *
 * The stage is dark on both themes. The screenshots are of the light interface,
 * and floating them on the light page ground makes the panel edges disappear;
 * a dark surround reads as a screen being shown rather than as an image that
 * failed to load its border.
 */
/*
 * padding-block is reset, not omitted. There is a bare `section` rule earlier in
 * this stylesheet giving every section clamp(64px, 9vw, 128px) of vertical
 * padding, which is right for the full-bleed bands on the home page and wrong
 * here: this section sits inside .doc, which has already paid for that space, so
 * the tour opened with 115 pixels of nothing above the first screenshot.
 *
 * The element selector is doing its job for the page it was written for. This is
 * the page that has to say otherwise.
 */
.tour { margin-block: clamp(28px, 4vw, 44px); padding-block: 0; }
.tour:focus { outline: none; }
.tour:focus-visible { outline: 2px solid var(--brand); outline-offset: 6px; border-radius: var(--r-lg); }

.tour__reel { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(40px, 6vw, 72px); }

.tour__fig { margin: 0; display: grid; gap: clamp(16px, 2vw, 22px); }

/* The screen itself, in its browser furniture. */
.tour__shot {
  position: relative;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--night);
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(148, 170, 195, .22);
}
.tour__shot img,
.tour__shot picture { display: block; width: 100%; height: auto; }

/* The address bar. A label rather than a decoration: it names the route each
   screen actually lives at, which is the question people ask second. */
.tour__url {
  display: block;
  font-family: var(--mono);
  font-size: .74rem;
  line-height: 1;
  color: #7f9ab6;
  background: #0d2137;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding: 11px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The highlight, built by the script only for steps carrying data-spot. The
   ring plus a very large spread shadow dims everything outside it without
   needing a second element to do the dimming. */
.tour__spot {
  position: absolute;
  border: 2px solid var(--gold);
  border-radius: var(--r-sm);
  pointer-events: none;
  box-shadow: 0 0 0 9999px rgba(4, 14, 26, .46);
  transition: opacity .5s var(--ease);
}

.tour__fig figcaption { max-width: 68ch; }
.tour__n {
  font-family: var(--display);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--brand);
  margin: 0 0 .5em;
}
.tour__fig h3 { font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem); margin: 0 0 .5em; }
.tour__fig figcaption p { color: var(--text-2); margin: 0 0 .7em; }
.tour__fig figcaption p:last-child { margin-bottom: 0; }

/* ---- the controls -------------------------------------------------------- */
.tour__bar { height: 3px; background: var(--rule); border-radius: var(--r-pill); overflow: hidden; margin-top: 20px; }
.tour__bar i { display: block; height: 100%; width: 0; background: var(--brand); border-radius: var(--r-pill); }

.tour__panel {
  margin-top: 18px;
  background: var(--night);
  border-radius: var(--r-lg);
  padding: clamp(16px, 2.4vw, 22px);
  display: grid;
  gap: 14px;
}
.tour__ctl { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.tour__note { margin: 0; font-size: .82rem; color: #7f9ab6; }

/* .btn--wire is authored for the hero, which is also dark, so it is correct
   here without a variant. Pressed state is the one thing it has no opinion
   about, and a toggle that does not show its state is a toggle people press
   twice. */
.tour__ctl .btn[aria-pressed="true"] { border-color: var(--gold); color: var(--gold); }

.tour__dots { display: flex; flex-wrap: wrap; gap: 6px; }
.tour__dot {
  width: 38px; height: 6px; padding: 0; border: 0; cursor: pointer;
  border-radius: var(--r-pill); background: #1e3a55;
  transition: background .3s var(--ease);
}
.tour__dot[data-on] { background: var(--brand); }
.tour__dot:hover { background: var(--gold); }
.tour__dot:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
/*
 * A six-pixel bar is a two-millimetre target and this row sits under the video
 * on a phone. The bar stays six pixels; the hit area is grown to 44 with a
 * pseudo-element, which is the one way to do it that does not change the
 * rhythm of the row.
 */
.tour__dot { position: relative; }
.tour__dot::after { content: ""; position: absolute; inset: -19px -3px; }

.tour__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.2em; }
.doc__h--mid { border-bottom: 0; margin-top: clamp(40px, 5vw, 64px); }

/* ---- player mode --------------------------------------------------------- */
/*
 * Everything from here down applies only once the script has taken over. The
 * steps stack in one place and cross-fade; the reel is given the aspect ratio
 * of the capture so the caption below it does not jump as the image swaps.
 */
[data-live] .tour__reel { display: block; position: relative; }
[data-live] .tour__step { position: absolute; inset: 0 0 auto; opacity: 0; pointer-events: none;
  transition: opacity .55s var(--ease); }
[data-live] .tour__step[data-on] { position: relative; opacity: 1; pointer-events: auto; }

/*
 * THE SCREENS CROSS-FADE. THE WORDS DO NOT.
 *
 * Both steps exist during the half second the fade takes, stacked at the same
 * origin. On the screenshots that reads as a dissolve, which is what it is
 * meant to be. On the caption underneath it reads as two different paragraphs
 * printed over each other, because they are different lengths and the lines do
 * not align -- the first build of this page had "Every building, one record"
 * sitting through the middle of the sentence it was replacing.
 *
 * visibility is deliberately left out of the transition, so it flips at once
 * while opacity is still easing. The picture dissolves; the text just changes.
 */
[data-live] .tour__step figcaption { visibility: hidden; }
[data-live] .tour__step[data-on] figcaption { visibility: visible; }
[data-live] .tour__spot { transition: opacity .5s var(--ease), top .8s var(--ease),
  left .8s var(--ease), width .8s var(--ease), height .8s var(--ease); }

@media (prefers-reduced-motion: reduce) {
  [data-live] .tour__step,
  .tour__spot,
  .tour__dot { transition: none; }
}

@media (max-width: 620px) {
  /* The address bar is the first thing to go: on a narrow screen it is a
     truncated string that tells nobody anything. */
  .tour__url { display: none; }
  .tour__ctl .btn { flex: 1 1 calc(50% - 4px); }
}

/* ---- the app icons, inlined ------------------------------------------------
   The product's own dock icons (public/img/apps/<name>-96.png), re-encoded to
   96px WebP and carried here as data URIs. scripts/build-site.js only serves
   files its IMAGES table names and any <img> it does not know fails the build,
   so a background image is the way in. img-src allows data: (src/server.js).
   Fifteen icons come to about 38 KB of base64 inside a stylesheet that is
   cached for a year.
   sx? when the app icons change, re-run the encode: ffmpeg -i <name>-96.png
   -c:v libwebp -quality 82 -preset icon <name>.webp, then base64 it here. */
.ic--dashboard { background-image: url("data:image/webp;base64,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"); }
.ic--leads { background-image: url("data:image/webp;base64,UklGRqAFAABXRUJQVlA4WAoAAAAQAAAAXwAAXwAAQUxQSJkBAAABkB1te6NWn6SlAIYSHC4ZrunBOdQAhaUOHKrI2S4BnE7Wr/+7ktiZ/U9OETEB+LkYAKwORmczYQNldjYarAII9TmPav/gjY1+O9iv4F1NHtg+IZkkaTM0SSJ5sg34WgI6Y1JE2WgVIccdhBoq9O4oiQYm4V0P1UIB/SdGGhn51EdYwKP7RKGZwqcufJHz7UcKDRU+tr0rCZgy0tTIKUJBwBojjY1cQ8i51pWKNaJXLZfDDoXmCndQeKwW6XHB0geqPcoPS7khEw1OHOYmFIuEk9wFk0WJF7k51SLlPCc0WnI0+7//fqERqyQ3p1qknOcumCxKvMhNKBYJJ7khk0WJw9zSB6o9yg9LORyr2CN6jMIdWsSdAte6UrFG9KrlcgFrjNZEriHkEDBltCVyioBC59uPFEuEj23vSuDRfaLYIXzqwqM8oP/EaEXkUx8Bi1bo3VGSBUl410OFxQM6Y1JEm6Ui5LiDgDo9sH1CMknSZmiSRPJkG/Co13lU+wdvbPTbwX4F71B7ALA6GJ3NpAkyOxsNVgEE/FwEAFZQOCDgAwAAlBEAnQEqYABgAAAAIgCJAmJ87vzvYGz75z/N8k1wVF9fC8ied7+1+rjbUeZ/zhPRhvGfoAeW57KX7cej5//81NY8/8DSBTQvGs97N9sg1USFZxy2K2jqxJ+Mqxa4rGOdnOhlRiXJPnk08kFqU3JPIa3U5o5wH70cggOg04MYhJKX/VVNNikCkwCyGEkW2AW+/oN2nwAA/vq2DKDuqMDJni5DJWtbKPPNV8jKMj0CsyS+cH8pvI+AS1eBAyeTr5lDFujw6jqi2nMthbcsb/GZOMokCyHrfk1gel3bl71Iik6yl0NObP0wI9SGaFD8xSNq6XDIk12FG8hsm0/GcPPzh/zeH1vmx6wVvMChEi3U4Fdtj/9cnCA+7nzm+Pc0IhI5RIEX/kGv/+vfWVQ1X3toT3QPDxbtNt74ydDoRDDE42SWbNbDboIGpY4FOK9SaYhKTzWFms34Dl5yxs0A0LnS+nWRh8LkSCLy/rmZfE1Bn+5bVuPx/cv2hj+RR721upZwatbxyWe11GBf3enTS7/DcWAsSmeuFP0m2qxwWv0EV+Eq0D0ogE61mLKas3WovR4jAeEEhV17FAcLL+ar/r663upemRvLI//8MJK1DqHQ6UQaLB9FTs3+D3Hy1db5trXYVli+9tSq2zRAXYbfcLus6T0CICeXVCmr3EQYZn5a+ex4dIgypuspc4v/k263yvrZLNt0MF6cxOD9omxqSIpitH09S//3EKibb0T/C172sJU0R1Z+Y7cZxDF8Rwn9I3mJse+YtaYMkqCJ3DgWih/YAv546P71SLS4AOa/7rInh5xPf9hjJsRPE21vc2+9xsM0tbwFjn+H2YvlkeiNZDSqaPK69Z65eJz+3Ovo7npIduf2mP2x4M+MT7zA6z6mf3B9UHrf91+560Tha6bcvvz5wNlgQ8Tgsd70tBvGY8dVddU6O6AXyr591xTlb1x1XgBfSLuQHMb60V8/C+nbJXKXKZWXDN2ulx5rriwNrkzF8ntjgdvXzydjp7edbarTzBz7/3/0AbjAZ6tr0r9p/i52D+ID8YDG0T7CKy0Nh2WHavIWWAzCxEza4btZSWgOJCSs5XnTpARF/78lQvyf3H//lzy8dX3uyPNHQz/7X92SvEBxlC4pVtFq2mPNHlKdH2sLOx+7cAr1HBYP2/HX1N3sP7PU7sH/N4fSdanf7qz1Oe+JHngkFPTuuRXnJcz8Lv+9upYg+rC2fNdujwV9UuPtiugCIYJ53+HJcRCTJjhXxKp4Ysj5/RXIqC32V424/aN1viX7z7sJN47r2cSiOWOuVxD70sXFtVlyR/5gISW7AAA="); }
.ic--workflow { background-image: url("data:image/webp;base64,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"); }
.ic--deals { background-image: url("data:image/webp;base64,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"); }
.ic--commissions { background-image: url("data:image/webp;base64,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"); }
.ic--proposals { background-image: url("data:image/webp;base64,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"); }
.ic--properties { background-image: url("data:image/webp;base64,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"); }
.ic--leases { background-image: url("data:image/webp;base64,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"); }
.ic--clients { background-image: url("data:image/webp;base64,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"); }
.ic--comps { background-image: url("data:image/webp;base64,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"); }
.ic--requirements { background-image: url("data:image/webp;base64,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"); }
.ic--projects { background-image: url("data:image/webp;base64,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"); }
.ic--social { background-image: url("data:image/webp;base64,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"); }
.ic--messages { background-image: url("data:image/webp;base64,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"); }
.ic--shared { background-image: url("data:image/webp;base64,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"); }