/* friyay.com — the three "screens" pages (/my-week/, /goals/, /initiatives/).
   Loaded after styles.css; reuses its tokens and keyframes (m-in, m-out,
   m2-type, m2-flip, m1-pop).

   Animation contract (same as the homepage tiles): base styles are the END
   state, so no-JS and reduced-motion visitors see the finished frame.
   screens.js adds .is-armed (keyframes attached, paused on frame 0), then
   .is-playing once the screen is 40% in view. Plays once, holds the end.
   Timings are inline custom properties:
     --d  start (in)          --e  end (out)        --t  swap moment
     --p  press moment        --w/--n typewriter duration / characters */

:root { --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; }

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

/* ---------- Page intro ---------- */
.sp-hero { padding: 1.5rem 0 2.25rem; }
.sp-hero h1 {
  margin: 0; max-width: 18ch;
  font-family: var(--serif); font-weight: 300;
  font-size: clamp(2.375rem, 5vw + 1rem, 4.25rem);
  line-height: 1.04; letter-spacing: -.025em;
  font-variation-settings: "opsz" 144;
  text-wrap: balance;
}
.sp-hero .sub { margin: 1.1rem 0 0; max-width: 40rem; font-size: 1.125rem; line-height: 1.55; color: var(--ink-2); }
.sp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin-top: 1.6rem; }
.sp-also { margin: 0; font-size: .9375rem; color: var(--stone); }
.sp-also a { color: var(--ink-2); }
@media (min-width: 900px) {
  .sp-hero { padding: 3rem 0 3rem; }
  .sp-hero .sub { font-size: 1.1875rem; }
}

.sp-demo { padding: 0 0 4rem; }
@media (min-width: 900px) { .sp-demo { padding-bottom: 6rem; } }
.screen-demo { max-width: 1040px; margin: 0 auto; }

/* ---------- The browser frame + scaled canvas ---------- */
.screen {
  margin: 0; background: var(--card);
  border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 1px 3px rgba(28, 25, 23, .05), 0 12px 40px rgba(28, 25, 23, .06);
  overflow: hidden;
}
.screen-bar { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; border-bottom: 1px solid var(--line-soft); }
.screen-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--border); }
.screen-view { position: relative; aspect-ratio: 1040 / 640; overflow: hidden; background: var(--bg); }
.screen-canvas {
  position: absolute; left: 0; top: 0; width: 1040px; height: 640px;
  transform-origin: 0 0;
  font: 400 12.5px/1.4 var(--sans); color: var(--text);
  overflow: hidden;
}
.screen-canvas p { margin: 0; }
.screen-canvas svg { flex: none; max-width: none; }

/* ---------- App chrome ---------- */
.a-side {
  position: absolute; left: 0; top: 0; bottom: 0; width: 150px;
  padding: 20px 12px; border-right: 1px solid var(--line-soft);
}
.a-side .wordmark { display: block; padding-left: 6px; margin-bottom: 18px; font-size: 22px; }
.a-search {
  display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 6px 0 8px;
  background: var(--card); border: 1px solid var(--border); border-radius: 7px;
  font-size: 11.5px; color: var(--muted);
}
.a-search kbd { margin-left: auto; padding: 1px 4px; border-radius: 4px; background: var(--line-soft); font: 500 8.5px/1.3 var(--mono); color: var(--muted); }
.a-nav { display: grid; gap: 2px; margin-top: 14px; }
.a-nav span { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 8px; border-radius: 7px; color: var(--ink-2); }
.a-nav .on { background: var(--teal-light); color: var(--teal-ink); }
.a-dot, .a-ring { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
.a-ring { background: none; border: 1px solid var(--muted); }
.a-badge { display: grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: var(--teal); color: #fff; font: 600 8.5px/1 var(--sans); }
.a-signout { position: absolute; left: 20px; bottom: 20px; font-size: 12px; color: var(--stone); }

.a-main { position: absolute; left: 174px; top: 0; width: 494px; padding-top: 22px; }
.a-divide { position: absolute; left: 684px; top: 22px; bottom: 22px; width: 1px; background: var(--line-soft); }
.a-panel {
  position: absolute; left: 700px; top: 18px; width: 322px;
  padding: 16px 18px 18px;
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 1px 3px rgba(28, 25, 23, .05), 0 10px 30px rgba(28, 25, 23, .05);
}

.a-top { display: flex; align-items: center; gap: 10px; }
.a-h1 { font-family: var(--serif); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -.01em; }
.a-q { font: 500 10.5px/1 var(--mono); color: var(--teal-ink); letter-spacing: .02em; }
.a-meta { font-size: 11px; color: var(--stone); }
.a-mono { font: 400 10px/1.4 var(--mono); color: var(--muted); white-space: nowrap; }
.a-lab { font: 500 9px/1.3 var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.a-lab.t { color: var(--teal-ink); }
.a-sec { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.a-sec-t { font-weight: 600; font-size: 12.5px; }
.a-sub { font: 400 9.5px/1.5 var(--mono); color: var(--muted); }
.a-right { margin-left: auto; }

.a-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  height: 24px; padding: 0 10px; border-radius: 6px;
  background: var(--teal); color: #fff; font-size: 11.5px; font-weight: 500; white-space: nowrap;
}
.a-btn.is-soft { background: #8fc3bc; }
.a-ghost {
  display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: 6px;
  background: var(--card); border: 1px solid var(--border); color: var(--ink-2); font-size: 11px; font-weight: 500; white-space: nowrap;
}
.a-seg { display: inline-flex; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; background: var(--card); font-size: 11.5px; }
.a-seg > * { padding: 4px 10px; color: var(--ink-2); font-weight: 400; }
.a-seg > b { background: var(--teal); color: #fff; font-weight: 500; }
.a-card { position: relative; background: var(--card); border: 1px solid var(--border); border-radius: 10px; }
.a-pill { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 99px; background: var(--line-soft); color: var(--ink-2); font-size: 10.5px; white-space: nowrap; }
.a-h { display: inline-flex; align-items: center; gap: 4px; height: 18px; padding: 0 7px; border-radius: 99px; font-size: 10.5px; font-weight: 500; white-space: nowrap; }
.a-h.ok { background: var(--teal-light); color: var(--teal-ink); }
.a-h.risk { background: var(--amber-light); color: var(--amber); }
.a-h.danger { background: var(--red-light); color: var(--red); }
.hd { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--teal); flex: none; }
.hd.risk { background: var(--amber); }
.hd.danger { background: var(--red); }
.hd.off { background: none; border: 1px solid var(--muted); }
.a-av { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--teal-light); color: var(--teal-ink); font: 600 9px/1 var(--sans); flex: none; }
.a-av.p { background: var(--amber-light); color: var(--amber); }
.a-star { display: inline-grid; color: var(--muted); }
.a-star.on, .a-star .on { color: var(--teal); }
.a-crumb { font: 500 9px/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.a-crumb b { font-weight: 500; color: var(--teal-ink); }
.a-ptitle { margin-top: 6px; font-family: var(--serif); font-size: 21px; line-height: 1.2; letter-spacing: -.01em; }
.a-owner { display: flex; align-items: center; gap: 6px; margin-top: 5px; font-size: 11.5px; }
.a-ubox { margin-top: 14px; border: 1px solid var(--border); border-radius: 9px; }
.a-tabs { display: flex; align-items: center; gap: 14px; padding: 0 12px; border-bottom: 1px solid var(--line-soft); }
.a-tabs span { padding: 8px 0 7px; font: 500 9px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.a-tabs .on { color: var(--teal-ink); box-shadow: inset 0 -1.5px var(--teal); }
.a-tabs .a-right { text-transform: none; letter-spacing: 0; }
.a-fld { position: relative; padding: 9px 12px 10px; border-bottom: 1px solid var(--line-soft); }
.a-fld .a-lab { margin-bottom: 4px; }
.a-fv { display: grid; min-height: 34px; font-size: 11.5px; line-height: 17px; color: var(--text); align-content: start; }
.a-props { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--line-soft); }
.a-prop { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 8px; border: 1px solid var(--border); border-radius: 6px; font-size: 11px; white-space: nowrap; }
.a-prop .a-lab { letter-spacing: .06em; }
.caret { color: var(--muted); font-size: 8px; }
.a-ufoot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; }

/* Guide: tiny avatar + speech bubble */
.a-guide { display: flex; align-items: flex-end; gap: 8px; }
.a-guide svg { margin-bottom: 1px; }
.a-bubble {
  position: relative; display: grid; padding: 7px 11px;
  background: var(--card); border: 1.5px solid var(--text); border-radius: 3px;
  box-shadow: 2px 2px 0 rgba(28, 25, 23, .9);
  font-size: 11.5px; line-height: 1.35;
}
.a-bubble > * { grid-area: 1 / 1; }
.a-bubble::before {
  content: ""; position: absolute; left: -6px; bottom: 9px; width: 8px; height: 8px;
  background: var(--card); border-left: 1.5px solid var(--text); border-bottom: 1.5px solid var(--text);
  transform: rotate(45deg);
}

.a-cur { position: absolute; left: 0; top: 0; z-index: 30; color: var(--text); opacity: 0; transform-origin: 2px 2px; pointer-events: none; }

/* ---------- Animation utilities ---------- */
.sw { display: inline-grid; justify-items: start; }
.sw > * { grid-area: 1 / 1; }
.sw-a { opacity: 0; }                       /* the "before" text of a swap */
.win { opacity: 0; }                        /* only visible between --d and --e */
.out { opacity: 0; }                        /* visible from the start, gone by --e */
.tw { display: block; width: fit-content; white-space: nowrap; }
.grow { display: grid; grid-template-rows: 1fr; }
.grow > * { min-height: 0; overflow: hidden; }
.show { display: grid; grid-template-rows: 0fr; opacity: 0; }
.show > * { min-height: 0; overflow: hidden; }
.bar { position: relative; height: 4px; border-radius: 99px; background: var(--line-soft); overflow: hidden; }
.bar > span { position: absolute; inset: 0; border-radius: inherit; background: var(--teal); transform-origin: left; transform: scaleX(var(--v)); }

@keyframes sc-show { from { opacity: 0; } to { opacity: 1; } }
@keyframes sc-hide { from { opacity: 1; } to { opacity: 0; } }
@keyframes sc-gap { from, to { opacity: 0; } }
@keyframes sc-grow { from { grid-template-rows: 0fr; opacity: 0; } }
@keyframes sc-open { from { grid-template-rows: 0fr; opacity: 0; } to { grid-template-rows: 1fr; opacity: 1; } }
@keyframes sc-close { from { grid-template-rows: 1fr; opacity: 1; } to { grid-template-rows: 0fr; opacity: 0; } }
@keyframes sc-press { 50% { transform: scale(.93); filter: brightness(.9); } }
@keyframes sc-bar { from { transform: scaleX(var(--v0, 0)); } }
@keyframes sc-panel { from { opacity: 0; transform: translateX(28px); } }
@keyframes sc-focus { from, to { border-color: var(--teal); box-shadow: 0 0 0 3px var(--teal-light); } }
@keyframes sc-sel { from { opacity: 0; } }

.is-armed .sw-a { animation: m-out .2s ease var(--t) both; }
.is-armed .sw-b { animation: m2-flip .3s ease calc(var(--t) + .05s) both; }
.is-armed .win { animation: sc-show .2s ease var(--d) both, sc-hide .2s ease var(--e) forwards; }
.is-armed .out { animation: m-out .2s ease var(--e) both; }
.is-armed .in { animation: m-in .35s ease var(--d) both; }
.is-armed .pop { animation: m1-pop .3s cubic-bezier(.3, 1.5, .5, 1) var(--d) both; }
.is-armed .gap { animation: sc-gap var(--len) linear var(--d); }
/* n+1 steps over a range one character wider than the text: the last
   active step is already fully typed, so the final frame never depends on
   the end-of-animation repaint (seen to drop the last character). */
@keyframes sc-type { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 calc(-100% / var(--n)) 0 0); } }
.is-armed .tw { animation: sc-type var(--w) steps(var(--n1)) var(--d) both; }
.is-armed .grow { animation: sc-grow .45s cubic-bezier(.2, .7, .2, 1) var(--d) both; }
.is-armed .show { animation: sc-open .4s cubic-bezier(.2, .7, .2, 1) var(--d) both, sc-close .35s ease var(--e) forwards; }
.is-armed .press { animation: sc-press .28s ease var(--p); }
.is-armed .bar > .gb { animation: sc-bar .7s cubic-bezier(.4, 0, .2, 1) var(--d) both; }
.is-armed .a-panel { animation: sc-panel .45s cubic-bezier(.2, .7, .2, 1) var(--d) both; }
.is-armed .focus { animation: sc-focus var(--len) linear var(--d); }

.screen-demo.is-armed:not(.is-playing) * { animation-play-state: paused !important; }

/* ---------- Scene strip under the screen ---------- */
.scene-strip { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 720px) { .scene-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; } }
@media (min-width: 720px) { .scene-strip.is-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.5rem; } }
.cap { position: relative; padding-top: .8rem; border-top: 2px solid var(--border); }
.cap::before {
  content: ""; position: absolute; left: 0; right: 0; top: -2px; height: 2px;
  background: var(--teal); transform-origin: left;
}
.cap-head { display: flex; align-items: center; gap: .55rem; }
.cap-n {
  display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; flex: none;
  border-radius: 50%; background: var(--teal-light); color: var(--teal-ink);
  font: 500 .75rem/1 var(--sans);
}
.cap-n > * { grid-area: 1 / 1; }
.cap-num { opacity: 0; }
.cap-t { font-weight: 500; font-size: .9375rem; line-height: 1.3; }
.cap-d { margin: .35rem 0 0; font-size: .875rem; line-height: 1.45; color: var(--stone); }
@keyframes cap-dim { from, to { opacity: .45; } }
@keyframes cap-line { from { transform: scaleX(0); } }
@keyframes cap-hot { from, to { background: var(--teal); color: #fff; } }
.is-armed .cap { animation: cap-dim var(--s) linear; }
.is-armed .cap::before { animation: cap-line var(--len) linear var(--s) both; }
.is-armed .cap-n { animation: cap-hot var(--len) linear var(--s); }
.is-armed .cap-ok { animation: m1-pop .3s cubic-bezier(.3, 1.5, .5, 1) calc(var(--s) + var(--len)) both; }
.is-armed .cap-num { animation: m-out .15s ease calc(var(--s) + var(--len)) both; }

.screen-foot { display: flex; justify-content: center; margin-top: 1.25rem; }
.screen-demo.is-playing .mock-replay { opacity: 1; }

/* ---------- What this gives you ---------- */
.gives { list-style: none; margin: 0; padding: 0; max-width: 46rem; }
.gives li { position: relative; padding: 1rem 0 1rem 2rem; border-top: 1px solid var(--border); color: var(--ink-2); }
.gives li:last-child { border-bottom: 1px solid var(--border); }
.gives li::before {
  content: ""; position: absolute; left: .15rem; top: 1.45rem; width: .65rem; height: .35rem;
  border-left: 2px solid var(--teal); border-bottom: 2px solid var(--teal); transform: rotate(-45deg);
}
@media (min-width: 900px) {
  .gives-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .screen-demo * { animation: none !important; }
  .cap { border-top-color: var(--border); }
  .cap::before, .cap-ok { display: none; }
  .cap-num { opacity: 1; }
  .screen-demo .mock-replay { display: none; }
}

/* ================= My Week ================= */
.mw .a-top { justify-content: space-between; }
.mw-wk { font-size: 11px; color: var(--stone); }
.mw-wk b { margin: 0 8px; font-weight: 500; color: var(--teal-ink); }
.mw-strip { display: flex; align-items: center; gap: 8px; margin-top: 7px; font: 400 10px/1.3 var(--mono); color: var(--muted); }
.mw-strip .hot { color: var(--teal-ink); font-weight: 500; }
.mw-strip .on { color: var(--text); font-weight: 500; }
.mw .a-guide { margin: 12px 0 14px; }
.mw-pri { position: relative; }
.mw-card { margin-top: 8px; min-height: 84px; padding: 9px 0 4px; }
.mw-card > .a-lab { padding: 0 12px 4px; color: var(--teal-ink); }
.mw-empty { position: absolute; left: 12px; right: 12px; top: 34px; font-size: 11.5px; color: var(--muted); }
.mw-r { position: relative; padding: 9px 12px; border-top: 1px solid var(--line-soft); }
.mw-sel { position: absolute; inset: 0; background: var(--teal-light); }
.mw-r > :not(.mw-sel) { position: relative; }
.mw-line { display: flex; align-items: center; gap: 8px; height: 20px; }
.mw-t { font-weight: 500; white-space: nowrap; }
.mw-sel ~ .mw-line .mw-t { color: var(--teal-ink); }
.mw-meta { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.mw-pc { width: 26px; text-align: right; font: 400 10px/1 var(--mono); color: var(--muted); }
.mw-nl { display: flex; gap: 5px; margin-top: 2px; padding-left: 15px; font-size: 11.5px; line-height: 17px; color: var(--ink-2); white-space: nowrap; }
.mw-nl b { font-weight: 600; color: var(--text); }
.mw-f { display: inline-grid; }
.mw-f > * { grid-area: 1 / 1; }
.ph { color: var(--muted); }
.mw-badge { font-size: 9.5px; font-weight: 500; white-space: nowrap; }
.mw-warn { color: var(--amber); }
.mw-good { color: var(--teal-ink); }
.mw-pick {
  position: absolute; right: 0; top: 30px; z-index: 5; width: 316px; padding: 6px;
  background: var(--card); border: 1px solid var(--border); border-radius: 10px;
  box-shadow: 0 10px 30px rgba(28, 25, 23, .14);
}
.mw-pick > .a-lab { padding: 4px 8px 6px; }
.mw-opt { display: flex; align-items: center; gap: 8px; height: 27px; padding: 0 8px; border-radius: 6px; white-space: nowrap; }
.mw-opt em { margin-left: auto; font: normal 400 9.5px/1 var(--mono); color: var(--muted); }
.mw-opt .a-star { width: 12px; }
.mw-krs { margin-top: 16px; }
.mw-krs > .a-sub { margin: 2px 0 8px; }
.mw-kr { padding: 10px 12px; margin-top: 7px; }
.mw-kr .mw-line { gap: 7px; }
.mw-kr .a-sub { margin-top: 3px; }
.mw-krt { font-weight: 600; }
.mw-add { font-size: 11px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
.mw-addw { position: relative; display: inline-grid; justify-items: end; }
.mw-pop {
  position: absolute; right: -4px; top: 24px; z-index: 5; display: flex; align-items: center; gap: 7px; padding: 7px 8px 7px 10px;
  background: var(--card); border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 10px 30px rgba(28, 25, 23, .14);
  white-space: nowrap; font-size: 11px; color: var(--stone);
}
.mw-pf { display: inline-flex; align-items: center; width: 52px; height: 24px; padding: 0 7px; border: 1px solid var(--teal); border-radius: 6px; box-shadow: 0 0 0 3px var(--teal-light); color: var(--text); font-size: 12px; }
.mw-panel .a-ptitle { margin-top: 4px; }
.mw-rec { margin-top: 12px; border-top: 1px solid var(--line-soft); }
.mw-rec p { display: flex; align-items: center; gap: 8px; height: 30px; border-bottom: 1px solid var(--line-soft); font-size: 12px; }
.mw-rec svg { color: var(--teal); }
.mw-rec .carry svg { color: var(--amber); }
.mw-rec .a-mono { margin-left: auto; }
.mw-copy { display: flex; justify-content: flex-end; gap: 6px; margin-top: 12px; }
.mw-slack { margin-top: 14px; padding: 10px 12px; border-radius: 8px; background: var(--bg); font: 400 10px/1.65 var(--mono); color: var(--ink-2); }
.mw-slack .a-lab { margin-bottom: 4px; }
/* Week goal: set Monday (form collapses into a quiet saved line), landed Friday */
.mw .a-guide { margin: 10px 0 9px; }
.mw-krs { margin-top: 12px; }
.mw-krs > .a-sub { margin-bottom: 6px; }
.mw-kr { padding-top: 9px; padding-bottom: 9px; }
.mw-gform > div { padding-bottom: 10px; }
.mw-gform > div > .a-lab, .mw-lform > div > .a-lab { margin-bottom: 5px; }
/* End state: label and Save gone, box shrunk to one line with a "Week goal" tag inside. */
.mw-glab { display: none; font: 600 12px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--text); }
.is-armed .mw-glab { display: block; animation: mw-gone .25s ease var(--e) forwards; }
.mw-gta, .mw-lbox {
  display: grid; align-content: start; padding: 7px 10px;
  background: var(--card); border: 1px solid var(--border); border-radius: 7px;
  font-size: 12px; line-height: 17px; color: var(--text);
}
.mw-gta { height: 32px; grid-template-columns: auto 1fr; column-gap: 10px; align-items: baseline; }
.mw-gta > .ph, .mw-gta > .mw-gtxt { grid-area: 1 / 2; }
.mw-gtag { grid-area: 1 / 1; font: 500 9px/17px var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.mw-gtxt { font-family: var(--serif); font-size: 14px; letter-spacing: -.005em; white-space: nowrap; overflow: hidden; }
.is-armed .mw-gta { animation: sc-focus var(--len) linear var(--d), mw-shrink .35s cubic-bezier(.2, .7, .2, 1) var(--s) both; }
.is-armed .mw-gtag { animation: m-in .3s ease var(--d) both; }
.is-armed .mw-gtxt { animation: sc-type var(--w) steps(var(--n1)) var(--d) both, mw-serif .35s ease var(--s) both; }
.mw-lbox { height: 50px; font-size: 11.5px; }
.mw-lbox > .r1 { grid-area: 1 / 1; }
.mw-lbox > .r2 { grid-area: 2 / 1; }
.mw-gsave { display: none; margin-top: 7px; }
.is-armed .mw-gsave { display: flex; animation: mw-gone .25s ease var(--e) forwards; }
.mw-lform .mw-gsave { display: flex; justify-content: flex-end; }
.mw-lform .mw-gsave { animation: none; }
@keyframes mw-gone { to { opacity: 0; height: 0; margin: 0; overflow: hidden; visibility: hidden; } }
@keyframes mw-shrink { from { height: 46px; grid-template-columns: 0 1fr; column-gap: 0; } to { height: 32px; } }
@keyframes mw-serif { from { font-family: var(--sans); font-size: 12px; } }
.mw-wg { margin-top: 12px; padding-top: 9px; border-top: 1px solid var(--line-soft); }
.mw-wgh { display: flex; align-items: center; justify-content: space-between; }
.mw-wgh .sw { justify-items: end; }
.mw-landed { color: var(--teal-ink); font-weight: 500; }
.mw-wgt { margin-top: 3px !important; font-family: var(--serif); font-size: 14px; line-height: 1.3; letter-spacing: -.005em; }
.mw-lform > div { padding-top: 9px; }
.mw-ltxt { padding-top: 5px; font-size: 11.5px; line-height: 1.45; color: var(--ink-2); }

/* ================= Goals ================= */
.g .a-top .a-seg { margin-left: auto; }
.g .a-top .a-btn { margin-left: 6px; }
.g .a-guide { margin: 12px 0 12px; }
.g-chips { display: flex; gap: 6px; }
.g-chip { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 99px; background: var(--card); border: 1px solid var(--border); color: var(--ink-2); font-size: 11px; white-space: nowrap; }
.g-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--muted); }
.g-chip.sel { border-color: var(--teal); color: var(--teal-ink); background: var(--teal-light); }
@keyframes g-chip-on { from, to { border-color: var(--teal); color: var(--teal-ink); background: var(--teal-light); } }
@keyframes g-chip-off { from, to { border-color: var(--border); color: var(--ink-2); background: var(--card); } }
.is-armed .g-chip.was-sel { animation: g-chip-on var(--t) linear; }
.is-armed .g-chip.sel { animation: g-chip-off var(--t) linear; }
.g-body { position: relative; margin-top: 16px; min-height: 120px; }
.g-squad { display: flex; align-items: center; gap: 7px; height: 26px; }
.g-squad b { font-weight: 600; }
.g-squad .a-ghost { margin-left: auto; }
.g-empty { position: absolute; left: 0; top: 40px; font-size: 11.5px; color: var(--muted); }
.g-card { margin-top: 8px; padding: 12px 14px 10px; }
.g-obj { display: flex; align-items: center; gap: 9px; height: 26px; }
.g-objt { font-family: var(--serif); font-size: 17px; letter-spacing: -.01em; }
.g-obj .a-pill { margin-left: auto; }
.g-more { color: var(--muted); letter-spacing: 1px; }
.g-form > div { padding-top: 10px; }
.g-in { display: flex; align-items: center; gap: 8px; }
.g-ring { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--teal); flex: none; }
.g-field { display: grid; align-items: center; flex: 1; height: 30px; padding: 0 10px; border: 1px solid var(--border); border-radius: 7px; font-size: 12px; }
.g-field > * { grid-area: 1 / 1; }
.g-x { color: var(--muted); font-size: 14px; }
.g-num { display: flex; align-items: center; gap: 8px; margin: 8px 0 2px 17px; font-size: 11px; color: var(--ink-2); }
.g-check { display: grid; place-items: center; width: 13px; height: 13px; border: 1px solid var(--muted); border-radius: 3px; color: var(--teal); }
.g-nf { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border: 1px solid var(--border); border-radius: 6px; min-width: 82px; }
.g-nf:first-of-type { margin-left: 8px; }
.g-kr { padding-top: 10px; }
.g-krrow { position: relative; display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 6px; border-radius: 7px; }
.g-krrow > :not(.g-sel) { position: relative; }
.g-sel { position: absolute; inset: 0; border-radius: inherit; background: var(--teal-light); }
.g-krt { font-weight: 600; white-space: nowrap; }
.g-krrow .bar { width: 56px; margin-left: auto; }
.g-krrow .a-mono { color: var(--ink-2); }
.g-krrow .g-tgt { margin-left: -5px; color: var(--muted); }
.g-krrow .g-cnt { width: 78px; justify-items: end; color: var(--muted); }
.g-inits { margin-left: 9.5px; padding-left: 13px; border-left: 1px solid var(--border); }
.g-init { display: flex; align-items: center; gap: 8px; height: 25px; white-space: nowrap; }
.g-init .a-av { margin-left: auto; width: 16px; height: 16px; font-size: 8px; }
.g-init .a-mono { width: 30px; text-align: right; }
.g-add { display: flex; gap: 14px; height: 24px; align-items: center; font-size: 11px; color: var(--stone); }
.g-add .g-link { color: var(--muted); }
.g-addkr { margin-top: 6px !important; padding-top: 8px; border-top: 1px solid var(--line-soft); font-size: 11px; color: var(--stone); }
.g-pi { margin-top: 16px !important; font-weight: 600; font-size: 12px; }
.g-pi .a-mono { margin-left: 4px; }
.g-pl { display: flex; align-items: center; gap: 8px; height: 26px; border-bottom: 1px solid var(--line-soft); font-size: 11.5px; white-space: nowrap; }
.g-pl .a-mono { margin-left: auto; }
/* Scenes 5–6: initiative rows get selected, tagged and updated; the panel
   crossfades between stacked views (KR → initiative → initiative). */
.g-init { position: relative; }
.g-init > :not(.g-isel) { position: relative; }
.g-isel { position: absolute; inset: 0; border-radius: 6px; background: var(--teal-light); }
.g-init .sw.a-mono { justify-items: end; }
.g-upd { font: 400 9.5px/1 var(--mono); color: var(--teal-ink); white-space: nowrap; }
.g-pvs { display: grid; }
.g-pvs > * { grid-area: 1 / 1; min-width: 0; }
.is-armed .g-pv.in { animation: sc-show .2s ease var(--d) both; }
.g-pv .a-ptitle { text-wrap: balance; }
@keyframes g-bar2 { 0% { transform: scaleX(.25); } 25%, 75% { transform: scaleX(.3); } 100% { transform: scaleX(.4); } }
.is-armed .gb2 { animation: g-bar2 .45s ease 27.6s both; }
.is-armed .press2 { animation: sc-press .25s ease 27.6s, sc-press .25s ease 27.95s; }

/* ================= Initiatives ================= */
.i .a-top { align-items: flex-start; justify-content: space-between; }
.i-count { margin-top: 2px; font-size: 12px; color: var(--stone); }
.i-count .sw { justify-items: end; }
.i .a-q { display: block; margin-top: 6px; }
.i .a-guide { margin: 10px 0 8px; }
.i-new { display: grid; height: 28px; }
.i-new > * { grid-area: 1 / 1; display: flex; align-items: center; gap: 8px; }
.i-newl { font-size: 12px; color: var(--stone); }
.i-newl .hd, .i-input .hd { width: 8px; height: 8px; }
.i-input { padding: 0 10px; background: var(--card); border: 1px solid var(--teal); border-radius: 7px; box-shadow: 0 0 0 3px var(--teal-light); font-size: 12.5px; }
.i-grp { display: grid; margin: 10px 0 6px !important; }
.i-grp > * { grid-area: 1 / 1; display: flex; align-items: center; gap: 5px; }
.i-crit { color: var(--red) !important; }
.i-card { padding: 10px 14px 11px; }
.i-card + .i-card, .grow + .i-card { margin-top: 7px; }
.i-selo { position: absolute; inset: -1px; border: 1.5px solid var(--teal); border-radius: 10px; }
.i-head { display: flex; align-items: center; gap: 7px; }
.i-t { font-family: var(--serif); font-size: 15px; line-height: 1.3; letter-spacing: -.005em; white-space: nowrap; }
.i-head .a-mono { margin-left: auto; }
.i-flame { color: var(--red); display: inline-grid; width: 10px; overflow: hidden; }
@keyframes i-flame { from { width: 0; margin-right: -7px; opacity: 0; transform: scale(.4); } }
.is-armed .i-flame { animation: i-flame .35s cubic-bezier(.3, 1.4, .5, 1) var(--d) both; }
.i-sub { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; }
.i-sub .a-mono { color: var(--muted); }
.i-sub .sw:last-child { justify-items: end; }
.i-card .bar { margin-top: 7px; height: 3px; }
.i-card .bar > span { background: #7cc79a; }
.i-lines > div { padding-top: 7px; }
.i-txt { font-size: 11.5px; line-height: 1.45; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.i-txt + .a-lab { margin-top: 5px; }
.i-unl { font-size: 11px; font-style: italic; color: var(--muted); }
.i-panel .i-ptop { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.i-panel .a-crumb { max-width: 180px; }
.i-pin { justify-items: end; }
.i-pin > * { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border: 1px solid var(--border); border-radius: 6px; font-size: 10.5px; font-weight: 500; white-space: nowrap; }
.i-pin .sw-b { border-color: var(--teal); background: var(--teal-light); color: var(--teal-ink); }
.i-ownw { position: relative; display: inline-grid; }
.i-opick {
  position: absolute; left: -6px; top: 22px; z-index: 5; width: 150px; padding: 5px;
  background: var(--card); border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 10px 30px rgba(28, 25, 23, .14);
}
.i-opick > span { display: flex; align-items: center; gap: 7px; height: 26px; padding: 0 6px; border-radius: 6px; font-size: 11.5px; }
.i-prog { display: flex; align-items: center; gap: 8px; width: 100%; height: 26px; }
.i-prog .bar { flex: 1; }
.i-prog .sw { width: 30px; justify-items: end; font: 500 10.5px/1 var(--mono); }
.i-step { display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1px solid var(--border); border-radius: 5px; font-size: 12px; line-height: 1; color: var(--ink-2); }
.i-hist { margin-top: 14px; }
.i-hist > .a-sec-t { display: block; margin-bottom: 6px; }
.i-he { position: relative; padding: 2px 0 0 14px; }
.i-he::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--text); }
.i-he .a-mono { color: var(--stone); }
.i-he .a-lab { margin-top: 5px; }
.i-he p.i-txt { white-space: normal; }

.mock-replay[hidden] { display: none; }
.a-btn.sw { justify-items: center; align-items: center; }
.a-fv > .r1 { grid-area: 1 / 1; }
.a-fv > .r2 { grid-area: 2 / 1; }
.i-owner .sw-b, .a-prop .sw > * { display: inline-flex; align-items: center; gap: 5px; }
@keyframes sc-bar4 { from { transform: scaleX(0); } }
.is-armed .gb4 { animation: sc-bar4 1.4s steps(4, jump-start) 10.9s both; }
.is-armed .press4 { animation: sc-press .25s ease 10.9s, sc-press .25s ease 11.25s, sc-press .25s ease 11.6s, sc-press .25s ease 11.95s; }

/* ===== Generated cursor paths (scratch tool measures each [data-press] target) ===== */
/* cursor:start */
@keyframes cur-my-week {
  0% { transform: translate(258px, 238.9px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  0.042% { transform: translate(258px, 238.9px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  1.5% { transform: translate(220px, 194.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  3.167% { transform: translate(198px, 168.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  3.75% { transform: translate(198px, 168.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  4.042% { transform: translate(198px, 168.9px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  4.583% { transform: translate(198px, 168.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  8.583% { transform: translate(198px, 168.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  11.5% { transform: translate(195.5px, 210.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  12.083% { transform: translate(195.5px, 210.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  12.375% { transform: translate(195.5px, 210.9px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  12.917% { transform: translate(195.5px, 210.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  13.167% { transform: translate(195.5px, 210.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  15.667% { transform: translate(613px, 182.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  16.25% { transform: translate(613px, 182.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  16.542% { transform: translate(613px, 182.9px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  17.083% { transform: translate(613px, 182.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  17.167% { transform: translate(613px, 182.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  19.417% { transform: translate(645px, 243.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  20% { transform: translate(645px, 243.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  20.292% { transform: translate(645px, 243.1px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  20.833% { transform: translate(645px, 243.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  20.834% { transform: translate(645px, 243.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  21.5% { transform: translate(645px, 270.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.083% { transform: translate(645px, 270.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.375% { transform: translate(645px, 270.1px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.917% { transform: translate(645px, 270.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.918% { transform: translate(645px, 270.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  23.583% { transform: translate(645px, 324.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  24.167% { transform: translate(645px, 324.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  24.458% { transform: translate(645px, 324.1px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  25% { transform: translate(645px, 324.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  30.667% { transform: translate(645px, 324.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  33.583% { transform: translate(267.4px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.167% { transform: translate(267.4px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.458% { transform: translate(267.4px, 304.6px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35% { transform: translate(267.4px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  36.458% { transform: translate(267.4px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  37.708% { transform: translate(267.4px, 304.6px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  43.75% { transform: translate(605.7px, 374.6px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  43.792% { transform: translate(605.7px, 374.6px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  45.25% { transform: translate(567.7px, 330.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  46.917% { transform: translate(545.7px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  47.5% { transform: translate(545.7px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  47.792% { transform: translate(545.7px, 304.6px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.333% { transform: translate(545.7px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  52.333% { transform: translate(545.7px, 304.6px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  55.25% { transform: translate(612.4px, 491.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  55.833% { transform: translate(612.4px, 491.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  56.125% { transform: translate(612.4px, 491.4px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  56.667% { transform: translate(612.4px, 491.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.083% { transform: translate(612.4px, 491.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  59.833% { transform: translate(624.5px, 527.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.417% { transform: translate(624.5px, 527.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.708% { transform: translate(624.5px, 527.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  61.25% { transform: translate(624.5px, 527.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  62.708% { transform: translate(624.5px, 527.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.958% { transform: translate(624.5px, 527.7px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  72.5% { transform: translate(803px, 269.8px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  72.542% { transform: translate(803px, 269.8px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  74% { transform: translate(765px, 225.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  75.667% { transform: translate(743px, 199.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.25% { transform: translate(743px, 199.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.542% { transform: translate(743px, 199.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  77.083% { transform: translate(743px, 199.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  82.333% { transform: translate(743px, 199.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  85.25% { transform: translate(977.5px, 243.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  85.833% { transform: translate(977.5px, 243.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  86.125% { transform: translate(977.5px, 243.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  86.667% { transform: translate(977.5px, 243.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  86.75% { transform: translate(977.5px, 243.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  89% { transform: translate(950.8px, 323.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  89.583% { transform: translate(950.8px, 323.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  89.875% { transform: translate(950.8px, 323.4px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  90.417% { transform: translate(950.8px, 323.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  92.083% { transform: translate(950.8px, 323.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  93.333% { transform: translate(950.8px, 323.4px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  100% { transform: translate(950.8px, 323.4px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
}
.is-armed .cur-my-week { animation: cur-my-week 24s linear both; }
@keyframes cur-goals {
  0% { transform: translate(311.5px, 202.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  0.001% { transform: translate(311.5px, 202.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  0.887% { transform: translate(273.5px, 158.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  2.253% { transform: translate(251.5px, 132.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  2.73% { transform: translate(251.5px, 132.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  2.969% { transform: translate(251.5px, 132.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  3.413% { transform: translate(251.5px, 132.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  3.414% { transform: translate(251.5px, 132.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  4.983% { transform: translate(605.1px, 172.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  5.461% { transform: translate(605.1px, 172.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  5.7% { transform: translate(605.1px, 172.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  6.143% { transform: translate(605.1px, 172.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  7.338% { transform: translate(605.1px, 172.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  8.362% { transform: translate(605.1px, 172.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  15.017% { transform: translate(290px, 327.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  15.051% { transform: translate(290px, 327.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  16.246% { transform: translate(252px, 283.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  17.611% { transform: translate(230px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  18.089% { transform: translate(230px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  18.328% { transform: translate(230px, 257.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  18.771% { transform: translate(230px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  19.113% { transform: translate(230px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  21.365% { transform: translate(210.5px, 292.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  21.843% { transform: translate(210.5px, 292.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.082% { transform: translate(210.5px, 292.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.526% { transform: translate(210.5px, 292.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  23.413% { transform: translate(210.5px, 292.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  25.802% { transform: translate(612.6px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  26.28% { transform: translate(612.6px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  26.519% { transform: translate(612.6px, 257.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  26.962% { transform: translate(612.6px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  30.58% { transform: translate(612.6px, 257.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  32.969% { transform: translate(257.1px, 294.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  33.447% { transform: translate(257.1px, 294.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  33.686% { transform: translate(257.1px, 294.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.13% { transform: translate(257.1px, 294.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.324% { transform: translate(257.1px, 294.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  36.348% { transform: translate(257.1px, 294.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  45.051% { transform: translate(334.4px, 337.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  45.085% { transform: translate(334.4px, 337.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  46.28% { transform: translate(296.4px, 293.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  47.645% { transform: translate(274.4px, 267.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.123% { transform: translate(274.4px, 267.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.362% { transform: translate(274.4px, 267.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.805% { transform: translate(274.4px, 267.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.806% { transform: translate(274.4px, 267.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  50.375% { transform: translate(744px, 247.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  50.853% { transform: translate(744px, 247.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  51.092% { transform: translate(744px, 247.9px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  51.536% { transform: translate(744px, 247.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  54.13% { transform: translate(744px, 247.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  56.519% { transform: translate(947.1px, 382.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  56.997% { transform: translate(947.1px, 382.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.235% { transform: translate(947.1px, 382.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.679% { transform: translate(947.1px, 382.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.444% { transform: translate(947.1px, 382.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  62.833% { transform: translate(319.3px, 294.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.311% { transform: translate(319.3px, 294.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.549% { transform: translate(319.3px, 294.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.993% { transform: translate(319.3px, 294.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.994% { transform: translate(319.3px, 294.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  64.881% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  65.358% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  65.597% { transform: translate(744px, 191.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  66.041% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  67.611% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  70% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  70.478% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  70.717% { transform: translate(744px, 261.4px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  71.16% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  72.901% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  75.29% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  75.768% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.007% { transform: translate(947.1px, 428.3px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.451% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.452% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  77.679% { transform: translate(292.1px, 319.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.157% { transform: translate(292.1px, 319.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.396% { transform: translate(292.1px, 319.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.84% { transform: translate(292.1px, 319.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.841% { transform: translate(292.1px, 319.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  79.556% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  80.034% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  80.273% { transform: translate(744px, 191.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  80.717% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  81.775% { transform: translate(744px, 191.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  84.164% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  84.642% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  84.881% { transform: translate(744px, 261.4px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  85.324% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  88.43% { transform: translate(744px, 261.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  90.819% { transform: translate(795.1px, 319.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  91.297% { transform: translate(795.1px, 319.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  91.536% { transform: translate(795.1px, 319.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  91.98% { transform: translate(795.1px, 319.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  91.981% { transform: translate(795.1px, 319.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  92.355% { transform: translate(796.2px, 351.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  92.833% { transform: translate(796.2px, 351.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  93.072% { transform: translate(796.2px, 351.3px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  93.515% { transform: translate(796.2px, 351.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  93.516% { transform: translate(796.2px, 351.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  93.72% { transform: translate(978px, 383.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.198% { transform: translate(978px, 383.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.437% { transform: translate(978px, 383.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.881% { transform: translate(978px, 383.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.882% { transform: translate(978px, 383.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.915% { transform: translate(978px, 383.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  95.392% { transform: translate(978px, 383.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  95.631% { transform: translate(978px, 383.3px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  96.075% { transform: translate(978px, 383.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  96.076% { transform: translate(978px, 383.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  96.28% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  96.758% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  96.997% { transform: translate(947.1px, 428.3px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  97.44% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  98.805% { transform: translate(947.1px, 428.3px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  99.829% { transform: translate(947.1px, 428.3px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  100% { transform: translate(947.1px, 428.3px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
}
.is-armed .cur-goals { animation: cur-goals 29.3s linear both; }
@keyframes cur-initiatives {
  0% { transform: translate(258px, 217.1px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  0.001% { transform: translate(258px, 217.1px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  1.413% { transform: translate(220px, 173.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  3.587% { transform: translate(198px, 147.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  4.348% { transform: translate(198px, 147.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  4.728% { transform: translate(198px, 147.1px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  5.435% { transform: translate(198px, 147.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  7.337% { transform: translate(198px, 147.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  8.967% { transform: translate(198px, 147.1px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.826% { transform: translate(313.1px, 279.8px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  22.88% { transform: translate(313.1px, 279.8px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  24.783% { transform: translate(275.1px, 235.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  26.957% { transform: translate(253.1px, 209.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  27.717% { transform: translate(253.1px, 209.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  28.098% { transform: translate(253.1px, 209.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  28.804% { transform: translate(253.1px, 209.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  28.805% { transform: translate(253.1px, 209.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  30.489% { transform: translate(781.8px, 118.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  31.25% { transform: translate(781.8px, 118.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  31.63% { transform: translate(781.8px, 118.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  32.337% { transform: translate(781.8px, 118.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  32.338% { transform: translate(781.8px, 118.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  33.478% { transform: translate(780.2px, 176.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.239% { transform: translate(780.2px, 176.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.62% { transform: translate(780.2px, 176.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.109% { transform: translate(744px, 205.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.326% { transform: translate(780.2px, 176.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.327% { transform: translate(780.2px, 176.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.87% { transform: translate(744px, 205.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  36.25% { transform: translate(744px, 205.2px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  36.957% { transform: translate(744px, 205.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  38.098% { transform: translate(744px, 205.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  41.902% { transform: translate(744px, 274.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  42.663% { transform: translate(744px, 274.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  43.043% { transform: translate(744px, 274.9px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  43.75% { transform: translate(744px, 274.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  48.152% { transform: translate(744px, 274.9px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  51.957% { transform: translate(795.1px, 332.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  52.717% { transform: translate(795.1px, 332.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  53.098% { transform: translate(795.1px, 332.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  53.804% { transform: translate(795.1px, 332.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  53.805% { transform: translate(795.1px, 332.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  55.217% { transform: translate(796.2px, 364.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  55.978% { transform: translate(796.2px, 364.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  56.359% { transform: translate(796.2px, 364.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.065% { transform: translate(796.2px, 364.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.066% { transform: translate(796.2px, 364.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  58.478% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  59.239% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  59.62% { transform: translate(978px, 396.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.326% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.327% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  60.38% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  61.141% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  61.522% { transform: translate(978px, 396.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  62.228% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  62.229% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  62.283% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.043% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  63.424% { transform: translate(978px, 396.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  64.13% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  64.131% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  64.185% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  64.946% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  65.326% { transform: translate(978px, 396.8px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  66.033% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  66.034% { transform: translate(978px, 396.8px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  66.63% { transform: translate(947.1px, 441.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  67.391% { transform: translate(947.1px, 441.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  67.772% { transform: translate(947.1px, 441.7px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  68.478% { transform: translate(947.1px, 441.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  73.696% { transform: translate(947.1px, 441.7px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  77.5% { transform: translate(976.6px, 44px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.261% { transform: translate(976.6px, 44px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  78.641% { transform: translate(976.6px, 44px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  79.348% { transform: translate(976.6px, 44px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  81.522% { transform: translate(976.6px, 44px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  83.152% { transform: translate(976.6px, 44px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  100% { transform: translate(976.6px, 44px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
}
.is-armed .cur-initiatives { animation: cur-initiatives 18.4s linear both; }
/* cursor:end */

/* ================= Strategy ================= */
/* End state = Present mode, Payments scope. The normal (sidebar) layout and
   the three-column grid are held by "hold until" animations that expire at
   the Present press (16.65s), under a quick opacity dip. */
.st-main { position: absolute; left: 97px; top: 0; width: 846px; padding-top: 100px; }
@keyframes st-norm { from, to { left: 174px; padding-top: 22px; } }
@keyframes st-dip { 50% { opacity: .06; } }
.is-armed .st-main { animation: st-norm 16.65s linear, st-dip .4s ease 16.45s; }
.st-top { display: flex; align-items: flex-start; justify-content: space-between; }
.st-top .a-h1 { margin-top: 2px; }
.st-top .a-q { margin-top: 4px; }
.st-tr { display: grid; justify-items: end; gap: 7px; }
.st-scope { display: flex; align-items: center; gap: 6px; }
.st-scope .g-chip { height: 24px; padding: 0 10px; font-size: 11px; }
.st-prw { display: inline-grid; justify-items: end; align-items: center; margin-left: 4px; }
.st-prw > * { grid-area: 1 / 1; }
.st-pres { gap: 5px; height: 24px; font-size: 11px; color: var(--text); }
.st-esc { display: inline-flex; align-items: center; gap: 5px; font: 400 10px/1 var(--mono); color: var(--muted); white-space: nowrap; }
.st-esc kbd { padding: 2px 5px; border: 1px solid var(--border); border-radius: 4px; background: var(--card); font: 500 9px/1.2 var(--mono); color: var(--ink-2); }
.st-shape { font: 400 10px/1 var(--mono); color: var(--muted); }
.st-guide { position: absolute; left: 0; top: 112px; width: 200px; }
.st-guide .a-bubble { max-width: 166px; }
.st-casc { margin-top: -14px; text-align: center; }
.st-casc .tw { margin: 0 auto; }
.st-casc .sw { justify-items: center; }
.st-lab { font: 500 9px/1.3 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--teal-ink); }
.st-v { margin-top: 3px !important; font-family: var(--serif); font-size: 21px; line-height: 1.25; letter-spacing: -.01em; }
.st-l { margin-top: 2px !important; font-size: 13px; line-height: 1.4; }
.st-ar { margin: 4px 0 5px !important; font-size: 11px; line-height: 1; color: var(--muted); }
.st-pills { display: flex; justify-content: center; gap: 5px; margin-top: 8px; }
@keyframes st-pr { from, to { justify-content: flex-end; } }
.is-armed .st-pills { animation: m-in .35s ease var(--d) both, st-pr 16.65s linear; }
.st-sp { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border: 1px solid var(--border); border-radius: 99px; background: var(--card); font-size: 10.5px; color: var(--ink-2); white-space: nowrap; }
.st-sp .sw { color: var(--muted); }
.st-grid { display: grid; grid-template-columns: repeat(2, 274px); justify-content: center; column-gap: 12px; margin-top: 9px; }
@keyframes st-g3 { from, to { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.is-armed .st-grid { animation: st-g3 16.65s linear; }
.st-cell { display: grid; padding-bottom: 12px; }
.st-card { display: flex; flex-direction: column; padding: 10px 14px 9px; }
.st-ch { display: flex; align-items: center; justify-content: space-between; height: 18px; }
.st-ct { margin-top: 3px !important; font-family: var(--serif); font-size: 15.5px; line-height: 1.25; letter-spacing: -.01em; }
.st-cb { margin: 3px 0 9px !important; font-size: 11px; line-height: 1.4; color: var(--stone); }
.st-cb.ph { color: var(--muted); }
.st-cf { display: flex; align-items: center; gap: 6px; margin-top: auto !important; padding-top: 8px; border-top: 1px solid var(--line-soft); font: 400 9.5px/1.3 var(--mono); color: var(--muted); white-space: nowrap; }
.st-h { font-weight: 500; color: var(--teal-ink); }
.st-h.risk { color: var(--amber); }
.st-h.danger { color: var(--red); }
.st-n { display: inline-block; }
.st-pc { margin-left: auto; }
.st-selo { position: absolute; inset: -1px; border: 1.5px solid var(--teal); border-radius: 10px; pointer-events: none; }
.st-pulse { display: inline-grid; border-radius: 50%; }
@keyframes st-pulse { 0% { box-shadow: 0 0 0 0 rgba(194, 65, 12, .55); } 100% { box-shadow: 0 0 0 10px rgba(194, 65, 12, 0); } }
.is-armed .st-pulse { animation: st-pulse .5s ease-out var(--p), st-pulse .5s ease-out calc(var(--p) + .45s); }
.st-tip {
  position: absolute; left: 8px; bottom: 34px; z-index: 4; padding: 5px 9px; border-radius: 6px;
  background: var(--text); color: #fff; font-size: 10.5px; line-height: 1.3; white-space: nowrap;
}
.st-tip::after { content: ""; position: absolute; left: 20px; bottom: -4px; width: 8px; height: 8px; background: var(--text); transform: rotate(45deg); }
.st-drill { grid-column: 1 / -1; }
.st-dbox {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px;
  height: 150px; margin-bottom: 12px; padding: 11px 14px;
  background: var(--card); border: 1px solid var(--border); border-top: 2px solid var(--teal); border-radius: 10px;
}
.st-dh { display: flex; align-items: center; gap: 7px; height: 18px; margin-bottom: 4px !important; }
.st-ir { position: relative; display: flex; align-items: center; gap: 7px; height: 30px; padding: 0 8px; border-top: 1px solid var(--line-soft); font-size: 11.5px; white-space: nowrap; }
.st-ir > :not(.st-isel) { position: relative; }
.st-isel { position: absolute; inset: 2px 0; border-radius: 6px; background: var(--teal-light); }
.st-it { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.st-ir .a-pill { height: 17px; font-size: 10px; }
.st-ir .a-av { width: 16px; height: 16px; font-size: 8px; }
.st-p { width: 26px; text-align: right; color: var(--ink-2) !important; }
.st-r { width: 30px; text-align: right; }
.st-kr { padding: 6px 2px 7px; border-top: 1px solid var(--line-soft); }
.st-krl { display: flex; align-items: center; gap: 7px; height: 20px; white-space: nowrap; }
.st-krt { font-weight: 600; }
.st-krl .bar { width: 46px; margin-left: auto; }
.st-krl .st-now { color: var(--text); font-weight: 500; }
.st-quiet { display: inline-flex; align-items: center; height: 16px; padding: 0 6px; border-radius: 99px; background: var(--amber-light); color: var(--amber); font-size: 9.5px; font-weight: 500; white-space: nowrap; }
.st-krn { display: flex; align-items: baseline; gap: 7px; margin-top: 3px !important; padding-left: 16px; font-size: 11px; line-height: 16px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-krn > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.st-panel { z-index: 20; opacity: 0; box-shadow: 0 2px 6px rgba(28, 25, 23, .06), 0 18px 50px rgba(28, 25, 23, .14); }
@keyframes st-pin { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@keyframes st-pout { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(28px); } }
.is-armed .a-panel.st-panel { animation: st-pin .45s cubic-bezier(.2, .7, .2, 1) var(--d) both, st-pout .35s ease var(--e) forwards; }
.st-same { margin-top: 12px !important; font: 400 10px/1.4 var(--mono); color: var(--muted); }

/* cursor-strategy:start */
@keyframes cur-strategy {
  0% { transform: translate(571.7px, 593.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  23.967% { transform: translate(571.7px, 593.2px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  25.87% { transform: translate(533.7px, 549.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  28.043% { transform: translate(511.7px, 523.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  28.804% { transform: translate(511.7px, 523.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  29.185% { transform: translate(511.7px, 523.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  29.891% { transform: translate(511.7px, 523.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  30.761% { transform: translate(511.7px, 523.2px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  34.565% { transform: translate(309px, 339.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.326% { transform: translate(309px, 339.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  35.707% { transform: translate(309px, 339.1px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  36.413% { transform: translate(309px, 339.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  38.315% { transform: translate(309px, 339.1px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  39.946% { transform: translate(309px, 339.1px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  49.457% { transform: translate(295px, 594.4px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  49.511% { transform: translate(295px, 594.4px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  51.413% { transform: translate(257px, 550.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  53.587% { transform: translate(235px, 524.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  54.348% { transform: translate(235px, 524.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  54.728% { transform: translate(235px, 524.4px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  55.435% { transform: translate(235px, 524.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  57.337% { transform: translate(235px, 524.4px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  58.967% { transform: translate(235px, 524.4px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  75% { transform: translate(818.9px, 102px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  75.054% { transform: translate(818.9px, 102px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  76.957% { transform: translate(780.9px, 58px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  79.13% { transform: translate(758.9px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  79.891% { transform: translate(758.9px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  80.272% { transform: translate(758.9px, 32px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  80.978% { transform: translate(758.9px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  84.565% { transform: translate(758.9px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  88.37% { transform: translate(980.8px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  89.13% { transform: translate(980.8px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  89.511% { transform: translate(980.8px, 32px) scale(0.8); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  90.217% { transform: translate(980.8px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  92.391% { transform: translate(980.8px, 32px); opacity: 1; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  94.022% { transform: translate(980.8px, 32px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
  100% { transform: translate(980.8px, 32px); opacity: 0; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
}
.is-armed .cur-strategy { animation: cur-strategy 18.4s linear both; }
/* cursor-strategy:end */