/* ====== views: per-surface layout ====== */
@layer views{

/* home hero — budgeted so the stage clears the fold on a laptop */
.hero-h1{font-size:clamp(40px,5.2vw,72px)}
.hero-h1 span{display:block;white-space:nowrap}
/* the kicker: name + category welded, part of the headline lockup, not chrome */
.kicker{font:800 clamp(14px,1.25vw,17px)/1.3 var(--sans);letter-spacing:.07em;text-transform:uppercase}
.hero-platform{margin-bottom:0}.hero-platform>.lab{opacity:.66}
.hero-harnesses{min-width:0;color:var(--ink)}
.harness-dock-items{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;gap:clamp(14px,2.8vw,42px);align-items:center}
.harness-brand{display:grid;grid-template-columns:28px minmax(0,auto);place-items:center start;gap:8px;min-width:0;white-space:nowrap}
.harness-brand>span:last-child{display:block;min-width:0}
.harness-brand b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font:750 9px/1.05 var(--sans)}.harness-brand small{display:none}
.harness-mark{width:22px;height:22px;display:grid;place-items:center}.harness-mark svg{width:17px;height:17px;fill:currentColor}
.harness-image{display:block;width:100%;height:100%;object-fit:contain}.hermes-image{mix-blend-mode:multiply}
.agent-letter{display:grid;width:18px;height:18px;place-items:center;border:1.5px solid currentColor;border-radius:50%;font:850 10px/1 var(--sans)}
.buzz-mark{position:relative;display:grid!important;width:22px;height:18px;grid-template-columns:5px 12px 5px;align-items:center}
.buzz-mark>b{display:block!important;width:12px;height:15px;border:1.5px solid currentColor;border-radius:7px;background:linear-gradient(transparent 34%,currentColor 34% 43%,transparent 43% 66%,currentColor 66% 75%,transparent 75%)}
.buzz-mark>i{width:7px;height:10px;border:1.5px solid currentColor;border-radius:50%}.buzz-mark>i:first-child{margin-right:-2px}.buzz-mark>i:last-child{margin-left:-2px}
.hero-dek{max-width:68ch;margin:14px 0 0;font:500 clamp(18px,1.55vw,23px)/1.46 var(--sans)}
.hero-promise{opacity:.72;max-width:64ch}

/* The whole product in one glance: session → play → playbook. The first
   frame is complete without motion; the new row's print is enhancement. */
.wow-film{margin:16px 0 4px}
.film-screen{position:relative;background:var(--slate)}
.wow-stage{border:1.5px solid currentColor;margin:16px 0 4px;padding:14px;display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,.92fr) 42px minmax(0,1.12fr);
  gap:10px;background:color-mix(in srgb,var(--slate) 96%,transparent);color:var(--bone-t);align-items:stretch}
.wow-film .wow-stage{margin:0;transition:opacity .45s ease,filter .45s ease}
.wow-card{border:1px solid color-mix(in srgb,var(--bone-t) 35%,transparent);padding:14px;min-width:0;
  background:color-mix(in srgb,var(--slate) 91%,var(--canvas));display:flex;flex-direction:column;
  transition:opacity .45s ease,transform .45s ease,box-shadow .45s ease}
.wow-film[data-scene="0"] .wow-play,.wow-film[data-scene="0"] .wow-replay{opacity:.24;transform:scale(.985)}
.wow-film[data-scene="1"] .wow-session{opacity:.46}.wow-film[data-scene="1"] .wow-replay{opacity:.24;transform:scale(.985)}
.wow-film[data-scene="1"] .wow-play{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--marigold) 70%,transparent)}
.wow-film[data-scene="2"] .wow-session,.wow-film[data-scene="2"] .wow-play{opacity:.5}
.wow-film[data-scene="2"] .wow-replay{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--marigold) 70%,transparent)}
.wow-film[data-scene="3"] .wow-stage{opacity:.08;filter:blur(2px)}
.wow-film[data-scene="0"] .wow-session .attempt{animation:filmprint .32s steps(2,end) both}
.wow-film[data-scene="0"] .wow-session .attempt:nth-of-type(3){animation-delay:.35s}
.wow-film[data-scene="0"] .wow-session .attempt:nth-of-type(4){animation-delay:.75s}
.wow-film[data-scene="0"] .wow-session .attempt:nth-of-type(5){animation-delay:1.15s}
.wow-film[data-scene="0"] .wow-session .attempt:nth-of-type(6){animation-delay:1.55s}
@keyframes filmprint{from{opacity:.08;transform:translateY(4px)}to{opacity:1;transform:none}}
.play-travel{position:absolute;inset:1.5px;padding:22px 24px;background:var(--slate);color:var(--bone-t);
  display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(10px);
  pointer-events:none;transition:opacity .48s ease,transform .48s ease}
.wow-film[data-scene="3"] .play-travel{opacity:1;transform:none;pointer-events:auto}
.travel-kicker{align-self:flex-start;color:var(--marigold);margin-bottom:3px}
.travel-ticket{width:min(100%,1120px)}.travel-ticket .ticket{margin:10px 0 18px;padding:14px 18px}
.travel-ticket .ticket .barcode{height:28px;width:14ch}.travel-ticket .ticket .uri{font-size:16px}
.travel-rail{width:min(100%,1120px);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:1.2ch;align-items:center}
.travel-rail>i{font:800 20px/1 var(--mono);font-style:normal;color:var(--marigold)}
.travel-node{border:1px solid color-mix(in srgb,var(--bone-t) 45%,transparent);padding:10px 12px;
  font:800 11px/1.25 var(--mono);letter-spacing:.08em;text-align:center;opacity:0;transform:translateX(-8px)}
.travel-node b{color:var(--marigold);margin-right:.6ch}
.wow-film[data-scene="3"] .travel-node{animation:travelprint .34s steps(2,end) forwards}
.wow-film[data-scene="3"] .travel-node:nth-of-type(2){animation-delay:.28s}.wow-film[data-scene="3"] .travel-node:nth-of-type(3){animation-delay:.56s}.wow-film[data-scene="3"] .travel-node:nth-of-type(4){animation-delay:.84s}
@keyframes travelprint{to{opacity:1;transform:none}}
.travel-note{margin-top:15px;opacity:.65;text-align:center}
.travel-refrain{margin-top:20px;text-align:center;display:flex;flex-direction:column;gap:4px}
.travel-refrain strong{font:800 clamp(19px,2.1vw,30px)/1.05 var(--sans);letter-spacing:.02em}
.travel-refrain span{font:600 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--marigold)}
.film-footer{border:1.5px solid var(--slate);border-top:0;background:var(--slate);color:var(--bone-t);
  display:flex;align-items:center;justify-content:space-between;gap:2.5ch;padding:10px 14px}
.film-caption{font:500 14.5px/1.5 var(--sans);margin:0;max-width:70ch}
.film-controls{display:flex;gap:1.5ch;align-items:center;white-space:nowrap}.film-controls .ta{color:var(--marigold)}
.film-controls .ta:disabled{opacity:.32;cursor:default}.film-count{font-size:10.5px;opacity:.65}
.film-track{width:92px;height:3px;background:color-mix(in srgb,var(--bone-t) 22%,transparent);display:block}
.film-track i{height:100%;width:0;display:block;background:var(--marigold);transition:width .08s linear}
.film-speed{display:grid;grid-template-columns:auto 78px 3ch;gap:.8ch;align-items:center;color:var(--bone-t);
  font:650 8.5px/1 var(--mono);letter-spacing:.06em}
.film-speed input{width:78px;accent-color:var(--marigold);cursor:ew-resize}
.film-speed output{color:var(--marigold);font-size:10px;font-variant-numeric:tabular-nums}
.wow-head{display:flex;justify-content:space-between;align-items:baseline;gap:1.5ch;padding-bottom:9px;
  border-bottom:1px solid color-mix(in srgb,var(--bone-t) 24%,transparent);margin-bottom:11px}
.wow-count,.wow-sealed{font:700 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72}
.wow-sealed{color:#9BD8A8;opacity:1}
.wow-ask{font-size:12px;line-height:1.5;color:var(--marigold);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-route{display:grid;grid-template-columns:auto auto auto auto auto auto auto;gap:.65ch;align-items:center;margin:-1px 0 8px;padding:7px 8px;background:color-mix(in srgb,var(--marigold) 8%,transparent);border:1px solid color-mix(in srgb,var(--marigold) 36%,transparent);font:800 8px/1 var(--mono);letter-spacing:.06em;white-space:nowrap}
.work-route i{font-style:normal;color:var(--marigold)}.work-route b{color:var(--marigold)}
.attempt{display:grid;grid-template-columns:2ch 1fr auto;gap:1ch;align-items:center;padding:6px 0;
  border-top:1px dotted color-mix(in srgb,var(--bone-t) 20%,transparent);font-size:12px}
.attempt b{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attempt small{font:500 11px/1.3 var(--mono);opacity:.62;white-space:nowrap}
.attempt.kept>span{color:#9BD8A8}.attempt.dead{opacity:.42}.attempt.dead b{text-decoration:line-through}
.wow-foot{font-size:9px;opacity:.55;margin-top:auto;padding-top:11px}
.wow-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--marigold)}
.wow-arrow b{font:700 30px/1 var(--mono)}.wow-arrow span{font:700 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.wow-plus span{writing-mode:vertical-rl;transform:rotate(180deg)}
.interaction-graph{padding:10px 9px 8px;border:1px solid color-mix(in srgb,var(--bone-t) 28%,transparent);background:color-mix(in srgb,var(--ink) 22%,transparent)}
.graph-good{display:grid;grid-template-columns:.65fr auto 1.45fr auto 1fr auto .8fr;gap:.45ch;align-items:center}
.graph-good span{min-height:34px;padding:5px 4px;border:1px solid color-mix(in srgb,#9BD8A8 60%,transparent);display:flex;align-items:center;justify-content:center;text-align:center;font:700 7.5px/1.25 var(--mono);letter-spacing:.035em}
.graph-good i{font-style:normal;color:#9BD8A8;font-weight:900}.graph-bad{margin:7px 0 0 21%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;color:color-mix(in srgb,var(--bone-t) 55%,transparent);font:700 8px/1.25 var(--mono)}
.graph-bad>i{font-style:normal;color:var(--marigold);font-size:15px}.graph-bad>span{padding:5px 7px;border:1px dashed currentColor;display:flex;flex-direction:column}.graph-bad small{font-size:7px;letter-spacing:.05em;color:var(--marigold)}.graph-bad>b{color:var(--marigold)}
.graph-meaning{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0;font:600 8px/1.35 var(--mono)}.graph-meaning span{padding-left:7px;border-left:2px solid #9BD8A8}.graph-meaning span+span{border-color:var(--marigold)}.graph-meaning b{display:block;font-size:7px;letter-spacing:.08em;color:#9BD8A8}.graph-meaning span+span b{color:var(--marigold)}
.graph-seal{padding:8px 9px;background:var(--marigold);color:var(--ink);display:flex;flex-direction:column;gap:2px}.graph-seal>span{font:900 7px/1 var(--mono);letter-spacing:.09em}.graph-seal strong{font:800 clamp(14px,1.25vw,19px)/1.1 var(--sans);overflow-wrap:anywhere}.graph-seal small{font:500 8px/1 var(--mono);opacity:.58;margin-left:.4ch}
.wow-uri{margin-top:auto;border-top:1px solid color-mix(in srgb,var(--bone-t) 24%,transparent);padding-top:10px;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.wow-uri .mono{font-size:10.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wow-uri .ta{color:var(--marigold);font-size:9.5px}
.book-row{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-top:1px solid color-mix(in srgb,var(--bone-t) 22%,transparent);
  font:600 12px/1.35 var(--mono)}
.book-row:first-of-type{border-top:none}.book-row small{font-size:9.5px;opacity:.55}
.book-row.newest{background:var(--marigold);color:var(--ink);border:none;animation:bookprint .28s steps(2,end) .45s both}
@keyframes bookprint{0%{opacity:.3;transform:translateY(5px)}100%{opacity:1;transform:none}}
.rerun-proof{margin-top:auto;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--bone-t) 30%,transparent);
  display:grid;grid-template-columns:auto 1fr;gap:3px 1.5ch;align-items:baseline}
.rerun-proof b{font:800 22px/1 var(--sans);color:var(--marigold);text-align:right}.rerun-proof .lab:last-child{grid-column:1/-1;font-size:8.5px;opacity:.55}

/* The hero film is the product demo, not a supporting diagram. Its four
   chapters stay visible while the active chapter expands like a live console. */
.film-screen{overflow:hidden;border:1.5px solid var(--ink);box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 24%,transparent);
  background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--marigold) 12%,transparent),transparent 44%),var(--slate)}
.film-chapters{height:46px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid color-mix(in srgb,var(--bone-t) 30%,transparent);
  background:color-mix(in srgb,var(--ink) 54%,var(--slate));color:var(--bone-t)}
.film-chapter{position:relative;display:flex;align-items:center;gap:1.2ch;padding:0 15px;border-left:1px solid color-mix(in srgb,var(--bone-t) 20%,transparent);
  font:750 9px/1 var(--mono);letter-spacing:.08em;transition:background .32s ease,color .32s ease,opacity .32s ease}
.film-chapter:first-child{border-left:0}.film-chapter b{font-size:10px;color:var(--marigold)}.film-chapter em{font-style:normal}
.film-chapter:after{content:'';position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--marigold);transform:scaleX(0);transform-origin:left;transition:transform .36s ease}
.wow-film[data-scene="0"] .film-chapter:nth-child(1),.wow-film[data-scene="1"] .film-chapter:nth-child(2),
.wow-film[data-scene="2"] .film-chapter:nth-child(3),.wow-film[data-scene="3"] .film-chapter:nth-child(4){background:var(--marigold);color:var(--ink)}
.wow-film[data-scene="0"] .film-chapter:nth-child(1) b,.wow-film[data-scene="1"] .film-chapter:nth-child(2) b,
.wow-film[data-scene="2"] .film-chapter:nth-child(3) b,.wow-film[data-scene="3"] .film-chapter:nth-child(4) b{color:var(--ink)}
.wow-film[data-scene="0"] .film-chapter:nth-child(1):after,.wow-film[data-scene="1"] .film-chapter:nth-child(2):after,
.wow-film[data-scene="2"] .film-chapter:nth-child(3):after,.wow-film[data-scene="3"] .film-chapter:nth-child(4):after{transform:scaleX(1);background:var(--ink)}

.wow-film .wow-stage{min-height:390px;margin:0;border:0;padding:20px 18px 18px;
  grid-template-columns:minmax(0,1.18fr) 48px minmax(0,1fr) 48px minmax(0,1.05fr);gap:12px;
  background:transparent;transition:grid-template-columns .48s cubic-bezier(.22,.8,.2,1),opacity .45s ease,filter .45s ease}
.wow-film[data-scene="0"] .wow-stage{grid-template-columns:minmax(0,1.42fr) 48px minmax(0,.82fr) 48px minmax(0,.82fr)}
.wow-film[data-scene="1"] .wow-stage{grid-template-columns:minmax(0,.82fr) 48px minmax(0,1.42fr) 48px minmax(0,.82fr)}
.wow-film[data-scene="2"] .wow-stage{grid-template-columns:minmax(0,.82fr) 48px minmax(0,.82fr) 48px minmax(0,1.42fr)}
.wow-film .wow-card{position:relative;overflow:hidden;padding:18px;border-color:color-mix(in srgb,var(--bone-t) 42%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--slate) 95%,var(--bone-t)),color-mix(in srgb,var(--ink) 38%,var(--slate)));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bone-t) 14%,transparent);transform-origin:center;
  transition:opacity .45s ease,transform .48s cubic-bezier(.22,.8,.2,1),box-shadow .45s ease}
.wow-card>*{position:relative;z-index:1}.wow-card:after{position:absolute;right:-4px;bottom:-24px;z-index:0;
  font:900 124px/.8 var(--sans);letter-spacing:-.08em;color:var(--bone-t);opacity:.025}
.wow-session:after{content:'01'}.wow-play:after{content:'02'}.wow-replay:after{content:'03'}
.wow-mini{display:none!important;position:absolute!important;inset:0;z-index:2!important;padding:23px 20px;background:
  linear-gradient(145deg,color-mix(in srgb,var(--slate) 96%,var(--bone-t)),color-mix(in srgb,var(--ink) 45%,var(--slate)));
  flex-direction:column;justify-content:center;align-items:flex-start}
.wow-mini span{font:800 10px/1 var(--mono);letter-spacing:.09em;color:var(--marigold)}
.wow-mini b{max-width:10ch;margin-top:22px;font:800 clamp(20px,2vw,29px)/1.02 var(--sans);letter-spacing:-.02em}
.wow-mini small{margin-top:6px;font:600 9px/1.4 var(--mono);opacity:.58;text-transform:uppercase;letter-spacing:.055em}
.wow-mini i{width:100%;height:5px;margin-top:auto;background:repeating-linear-gradient(90deg,var(--marigold) 0 18%,transparent 18% 23%);opacity:.65}
.wow-film[data-scene="0"] :is(.wow-play,.wow-replay)>.wow-mini,
.wow-film[data-scene="1"] :is(.wow-session,.wow-replay)>.wow-mini,
.wow-film[data-scene="2"] :is(.wow-session,.wow-play)>.wow-mini,
.wow-film[data-scene="3"] .wow-card>.wow-mini{display:flex!important}
.wow-film[data-scene="0"] :is(.wow-play,.wow-replay)>:not(.wow-mini),
.wow-film[data-scene="1"] :is(.wow-session,.wow-replay)>:not(.wow-mini),
.wow-film[data-scene="2"] :is(.wow-session,.wow-play)>:not(.wow-mini),
.wow-film[data-scene="3"] .wow-card>:not(.wow-mini){display:none!important}
.wow-film[data-scene="0"] .wow-session,.wow-film[data-scene="1"] .wow-play,.wow-film[data-scene="2"] .wow-replay{
  opacity:1;transform:translateY(-5px);box-shadow:0 10px 0 color-mix(in srgb,var(--ink) 30%,transparent),inset 0 0 0 2px var(--marigold)}
.wow-film[data-scene="0"] .wow-play,.wow-film[data-scene="0"] .wow-replay,
.wow-film[data-scene="1"] .wow-session,.wow-film[data-scene="1"] .wow-replay,
.wow-film[data-scene="2"] .wow-session,.wow-film[data-scene="2"] .wow-play{opacity:.3;transform:scale(.975);box-shadow:none}
.wow-film[data-scene="3"] .wow-stage{opacity:.07;filter:blur(3px);transform:scale(.99)}
.wow-head{padding-bottom:11px;margin-bottom:14px}.wow-count,.wow-sealed{padding:4px 6px;border:1px solid color-mix(in srgb,var(--bone-t) 28%,transparent)}
.wow-film[data-scene="0"] .wow-session .wow-count,.wow-film[data-scene="1"] .wow-play .wow-sealed,
.wow-film[data-scene="2"] .wow-replay .wow-count{background:var(--marigold);color:var(--ink);border-color:var(--marigold)}

.wow-arrow{position:relative;z-index:4;width:48px;height:48px;min-height:0;align-self:center;justify-self:center;padding:0;
  border:0;background:transparent;overflow:visible}
.wow-arrow b{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--marigold) 70%,transparent);
  border-radius:0;font-size:17px;background:color-mix(in srgb,var(--marigold) 8%,transparent);box-shadow:none;flex:0 0 auto}
.wow-arrow span{display:none}.wow-plus{min-height:0}
.wow-film[data-scene="0"] .wow-arrow:first-of-type b,.wow-film[data-scene="1"] .wow-arrow:first-of-type b,
.wow-film[data-scene="2"] .wow-plus b{animation:film-arrow-pulse 1.6s ease-in-out infinite}
@keyframes film-arrow-pulse{50%{transform:translateX(5px);box-shadow:0 0 0 11px color-mix(in srgb,var(--marigold) 9%,transparent)}}
.work-route{position:relative;overflow:hidden;padding:9px 10px;margin-bottom:10px}
.work-route:after{content:'';position:absolute;top:0;bottom:0;width:42px;left:-45px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--marigold) 55%,transparent),transparent);transform:skewX(-18deg)}
.wow-film[data-scene="0"] .work-route:after{animation:route-scan 2.35s ease-in-out infinite}
@keyframes route-scan{0%,15%{left:-45px}75%,100%{left:calc(100% + 12px)}}
.wow-film[data-scene="0"] .attempt.kept>span{filter:drop-shadow(0 0 5px #9BD8A8)}

.wow-film[data-scene="1"] .interaction-graph{box-shadow:inset 0 0 0 1px color-mix(in srgb,#9BD8A8 28%,transparent)}
.interaction-graph{position:relative;padding:16px 13px 13px;background:
  linear-gradient(color-mix(in srgb,var(--bone-t) 5%,transparent) 1px,transparent 1px),
  linear-gradient(90deg,color-mix(in srgb,var(--bone-t) 5%,transparent) 1px,transparent 1px),
  color-mix(in srgb,var(--ink) 30%,transparent);background-size:18px 18px}
.graph-good{position:relative;z-index:1;grid-template-columns:minmax(70px,.7fr) auto minmax(130px,1.45fr) auto minmax(100px,1fr) auto minmax(78px,.8fr);gap:7px}
.graph-good:before{content:'';position:absolute;left:5%;right:5%;top:50%;height:2px;z-index:-1;background:linear-gradient(90deg,#9BD8A8,var(--marigold))}
.graph-good span{position:relative;min-height:58px;padding:17px 8px 7px;background:color-mix(in srgb,var(--slate) 90%,var(--ink));
  border-color:color-mix(in srgb,#9BD8A8 72%,transparent);box-shadow:4px 4px 0 color-mix(in srgb,#000 22%,transparent);font-size:8.5px}
.graph-good span:before{position:absolute;left:7px;top:6px;font:800 6.5px/1 var(--mono);letter-spacing:.08em;color:#9BD8A8;opacity:.75}
.graph-good span:nth-of-type(1):before{content:'01'}.graph-good span:nth-of-type(2):before{content:'02'}
.graph-good span:nth-of-type(3):before{content:'03'}.graph-good span:nth-of-type(4):before{content:'04'}
.graph-good i{width:20px;height:20px;display:grid;place-items:center;background:var(--slate);border:1px solid color-mix(in srgb,#9BD8A8 55%,transparent);font-size:13px}
.graph-bad{position:relative;margin:12px 4% 0 21%;grid-template-columns:22px minmax(0,1fr) 22px;gap:8px}
.graph-bad:before{content:'';position:absolute;left:-10%;top:-13px;width:10%;height:25px;border-left:2px solid var(--marigold);border-bottom:2px solid var(--marigold)}
.graph-bad>span{min-height:42px;justify-content:center;background:color-mix(in srgb,var(--ink) 28%,transparent);border-color:color-mix(in srgb,var(--marigold) 62%,transparent)}
.graph-bad>i,.graph-bad>b{display:grid;place-items:center}
.graph-meaning{gap:10px;margin:12px 0}.graph-meaning span{padding:8px 10px;background:color-mix(in srgb,#9BD8A8 7%,transparent)}
.graph-meaning span+span{background:color-mix(in srgb,var(--marigold) 8%,transparent)}
.wow-film[data-scene="1"] .graph-good span{animation:graph-node-live 1.9s ease-in-out infinite alternate}
.wow-film[data-scene="1"] .graph-good span:nth-of-type(2){animation-delay:.22s}.wow-film[data-scene="1"] .graph-good span:nth-of-type(3){animation-delay:.44s}.wow-film[data-scene="1"] .graph-good span:nth-of-type(4){animation-delay:.66s}
@keyframes graph-node-live{to{background:color-mix(in srgb,#9BD8A8 18%,var(--slate));box-shadow:4px 4px 0 color-mix(in srgb,#000 22%,transparent),0 0 14px color-mix(in srgb,#9BD8A8 20%,transparent)}}
.graph-seal{display:grid;grid-template-columns:86px minmax(0,1fr) 76px;gap:0;padding:0;background:var(--bone);color:var(--ink);
  border:1.5px solid var(--marigold);box-shadow:7px 7px 0 color-mix(in srgb,#000 28%,transparent);overflow:hidden}
.graph-seal-art{min-height:82px;padding:9px 8px;background:var(--marigold);display:flex;flex-direction:column;justify-content:space-between}
.graph-seal-art span{font:850 6.5px/1 var(--mono);letter-spacing:.08em}.graph-seal-art b{font:900 24px/1 var(--sans)}
.graph-seal-copy{padding:11px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.graph-seal-copy>span{font:850 7px/1 var(--mono);letter-spacing:.1em;margin-bottom:7px}.graph-seal-copy strong{font:850 clamp(18px,1.7vw,27px)/1 var(--sans);overflow-wrap:anywhere}
.graph-seal-copy small{font:600 8px/1 var(--mono);opacity:.58;margin-left:.7ch}
.graph-seal-bars{margin:13px 13px 13px 0;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px);opacity:.58}
.wow-film[data-scene="1"] .graph-seal{transform:translateY(-2px)}

.wow-replay .wow-ask{margin:0 0 10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--marigold) 45%,transparent);background:color-mix(in srgb,var(--marigold) 7%,transparent)}
.wow-replay .book-row{position:relative;display:grid;grid-template-columns:31px 1fr;gap:2px 10px;padding:12px 12px;font-size:13px}
.wow-replay .book-row:before{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;margin-top:1px;border:1px solid color-mix(in srgb,var(--bone-t) 35%,transparent);font:800 8px/1 var(--mono);color:var(--marigold)}
.wow-replay .book-row:nth-of-type(1):before{content:'01'}.wow-replay .book-row:nth-of-type(2):before{content:'02'}.wow-replay .book-row:nth-of-type(3):before{content:'03'}
.wow-replay .book-row>span,.wow-replay .book-row>small{grid-column:2}.wow-replay .book-row>span{font-weight:750}
.wow-replay .book-row.newest{box-shadow:6px 6px 0 color-mix(in srgb,#000 23%,transparent);margin:0 6px 7px 0}
.wow-replay .book-row.newest:before{border-color:var(--ink);color:var(--ink)}
.wow-film[data-scene="2"] .rerun-proof{padding:15px 13px 0;grid-template-columns:auto 1fr;border:1px solid color-mix(in srgb,var(--marigold) 42%,transparent);border-bottom:0}
.rerun-metrics{display:flex;justify-content:flex-end;align-items:flex-end;gap:12px;color:var(--marigold)}
.rerun-metrics>span{display:flex;align-items:flex-end;gap:7px}.rerun-metrics b{font:850 clamp(30px,3vw,46px)/.9 var(--sans)!important;text-align:left!important;color:var(--marigold)!important}
.rerun-metrics small{font:700 8px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;max-width:11ch;padding-bottom:3px;opacity:.7}
.rerun-metrics>i{font-style:normal;font:800 24px/1 var(--mono);padding-bottom:4px;opacity:.45}
.wow-replay .rerun-proof>.lab:last-child{grid-column:1/-1;margin-top:14px;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--bone-t) 22%,transparent)}

.play-travel{inset:47.5px 1.5px 1.5px;padding:27px 30px;background:
  radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--marigold) 13%,transparent),transparent 34%),var(--slate)}
.travel-playmark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:900 250px/1 var(--sans);
  color:var(--marigold);opacity:.035;filter:blur(.3px)}
.travel-ticket{position:relative;z-index:1}.travel-ticket .ticket{border-width:2px;box-shadow:9px 9px 0 color-mix(in srgb,#000 28%,transparent);transition:transform .4s ease}
.wow-film[data-scene="3"] .travel-ticket .ticket{animation:ticket-arrive .52s cubic-bezier(.22,.8,.2,1) both}
@keyframes ticket-arrive{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.travel-rail{position:relative;z-index:1;margin-top:6px}.travel-node{background:color-mix(in srgb,var(--ink) 18%,transparent);min-height:44px;display:flex;align-items:center;justify-content:center}
.wow-film[data-scene="3"] .travel-node{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--marigold) 65%,transparent)}
.travel-refrain{position:relative;z-index:1;margin-top:18px}.travel-refrain strong{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.025em}
.film-footer{position:relative;border-color:var(--ink);padding:12px 16px;background:color-mix(in srgb,var(--ink) 48%,var(--slate))}
.film-track{height:4px}.film-track i{box-shadow:0 0 8px color-mix(in srgb,var(--marigold) 65%,transparent)}

.play-benefits{display:flex;gap:2.5ch;justify-content:space-between;flex-wrap:wrap;margin:8px 0 4px;
  font:500 13px/1.55 var(--mono);opacity:.82}.play-benefits b{color:var(--ember)}
.play-dek,.budget-dek{max-width:64ch;margin:14px 0 4px;font-size:17px;line-height:1.55;opacity:.88}
.play-trust-dek{margin-top:8px;font-size:15.5px;opacity:.82}
.verification-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 12px;border:1.5px solid currentColor}
.verification-strip span{padding:10px 12px;border-left:1px solid currentColor;font:650 9.5px/1.4 var(--mono);letter-spacing:.055em;text-align:center}
.verification-strip span:first-child{border-left:none}
.budget-dek{max-width:58ch;margin:4px 0 14px}
.domain-dek{max-width:66ch;margin:13px 0 5px;font:500 clamp(17px,1.45vw,20px)/1.56 var(--sans);opacity:.88}
.domain-note{display:grid;grid-template-columns:minmax(22ch,.85fr) minmax(34ch,1.5fr);gap:2.5ch;
  margin:14px 0 0;padding:15px 17px;border:1.5px solid currentColor;background:var(--slate);color:var(--bone-t)}
.domain-note strong{font:750 18px/1.35 var(--sans);color:var(--marigold)}
.domain-note span{font:450 15px/1.58 var(--sans);opacity:.92}
.deterministic-strip{display:grid;grid-template-columns:1.15fr .85fr 1.5fr;border:1.5px solid currentColor;margin:12px 0 4px}
.deterministic-strip>*{padding:11px 13px;border-left:1px solid currentColor;font:700 10.5px/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.deterministic-strip>*:first-child{border-left:none;background:var(--ink);color:var(--bone-t)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:currentColor;border:1.5px solid currentColor;margin-top:18px}
.proof-grid>div{background:var(--bone);padding:16px;display:flex;flex-direction:column;gap:5px}
.proof-grid b{font:750 clamp(20px,2vw,28px)/1.12 var(--sans)}.proof-grid small{font:500 13px/1.5 var(--mono);opacity:.7}
.skill-check-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:clamp(28px,5vw,76px);align-items:center;padding:8px 0 10px}
.skill-check-copy{display:flex;flex-direction:column;align-items:flex-start}
.skill-check-title{font-size:clamp(34px,4.6vw,66px);margin:0;max-width:18ch}
.skill-check-title span{display:block}
.skill-check-dek{max-width:59ch;margin:18px 0 20px;font:500 clamp(16px,1.35vw,19px)/1.55 var(--sans)}
.skill-check-action{margin:2px 0 13px}.skill-check-trust{max-width:70ch;opacity:.68;font-size:9.5px}
.skill-receipt{border:1.5px solid currentColor;background:var(--bone);box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
.skill-receipt-head{display:flex;justify-content:space-between;gap:2ch;padding:11px 14px;background:var(--slate);color:var(--bone-t)}
.skill-result{display:grid;grid-template-columns:minmax(4ch,.4fr) 1fr auto;gap:1.5ch;align-items:baseline;padding:12px 15px;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.skill-result strong{font:800 clamp(29px,3.2vw,46px)/1 var(--sans);font-variant-numeric:tabular-nums}
.skill-result>span{font:650 clamp(15px,1.45vw,19px)/1.2 var(--sans);text-transform:uppercase;letter-spacing:.04em}
.skill-result>b{font:800 10px/1 var(--mono);letter-spacing:.1em}
.skill-result.dormant{background:var(--marigold);border-top:1.5px solid currentColor}
.skill-receipt-foot{padding:13px 15px 15px;border-top:1.5px solid currentColor;display:flex;flex-direction:column;gap:3px}
.skill-receipt-foot .lab{opacity:.6}.skill-receipt-foot strong{font:700 16px/1.35 var(--sans)}
.skill-check-more{display:flex;align-items:center;gap:1.8ch;flex-wrap:wrap;padding:12px 0;border-top:1.5px solid currentColor}
.skill-check-more>span:not(.lab){font:600 12px/1.3 var(--mono);padding-left:1.8ch;border-left:1px solid currentColor}
.skill-check-more .ta{margin-left:auto}.skill-check-more .lnk{font-size:10px}

/* the landing's catalog bridge — one featured play, sampled before it opens */
.landing-play-feature{background:var(--paper);color:var(--ink);--f:var(--paper);--sigc:var(--ember)}
.landing-play-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,96px);align-items:center;padding:clamp(12px,2.4vw,30px)}
.landing-play-art{position:relative;align-self:center}
.landing-play-copy{max-width:850px}
.landing-play-copy>h2{font-size:clamp(36px,3.6vw,54px);letter-spacing:-.035em;margin:0 0 18px;max-width:17ch}
.landing-play-copy>p{font:550 clamp(16px,1.35vw,19px)/1.52 var(--sans);max-width:61ch;margin:0}
.landing-result-board{background:color-mix(in srgb,var(--paper) 88%,var(--ink) 12%);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 34%,transparent);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 12%,transparent);margin:24px 0 22px}
.landing-result-head{display:flex;justify-content:space-between;gap:2ch;padding:11px 14px;border-bottom:1px solid color-mix(in srgb,var(--ink) 24%,transparent)}
.landing-result-head .lab:last-child{opacity:.58}
.landing-result-cells{display:grid;grid-template-columns:repeat(3,1fr)}
.landing-result-cells>div{padding:17px 16px 15px;border-left:1px solid color-mix(in srgb,var(--ink) 24%,transparent);display:flex;flex-direction:column;gap:6px}
.landing-result-cells>div:first-child{border-left:none}
.landing-result-cells b{font:850 clamp(32px,3.2vw,48px)/1 var(--sans)}
.landing-result-cells span{font:700 9px/1.35 var(--mono);letter-spacing:.07em}
.landing-play-actions{display:flex;align-items:center;margin-top:26px}.landing-play-actions .btn{max-width:100%;white-space:normal;text-align:left}
.landing-play-trust{font-size:8.5px;opacity:.62;margin-top:14px}
.landing-play-uri{grid-column:1/-1;display:flex;align-items:center;margin-top:6px;padding:20px 24px;background:var(--bone);border:1.5px solid currentColor;box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.landing-play-uri .catalog-uri{flex:1;gap:3ch}.landing-play-uri .barcode{display:block;width:16ch;height:42px}.landing-play-uri .catalog-uri .mono{font-size:clamp(15px,1.45vw,21px);letter-spacing:.01em}

.growth-board{border:1.5px solid currentColor;margin:18px 0 4px}
.growth-head{display:flex;justify-content:space-between;gap:2ch;background:var(--slate);color:var(--bone-t);padding:9px 12px}
.growth-row{display:grid;grid-template-columns:3ch minmax(16ch,1fr) minmax(16ch,.8fr) auto;gap:1.5ch;
  align-items:baseline;padding:11px 12px;border-top:1px solid color-mix(in srgb,currentColor 32%,transparent)}
.growth-row>span:nth-child(3){font:500 11.5px/1.4 var(--mono);opacity:.68}.growth-row.fresh{background:var(--marigold)}
.growth-repair{padding:10px 12px;border-top:1.5px solid currentColor;opacity:.72}
.closing-actions{display:flex;gap:1.5ch;flex-wrap:wrap;align-items:center}.runpop-host{position:relative;display:inline-flex}
.first-play-dek{max-width:72ch;margin:14px 0 4px;font-size:16px;line-height:1.58}
.first-play-cta{margin:18px 0 4px;padding:18px 20px;background:var(--bone);border:1.5px solid currentColor;box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
.first-play-cta-head{display:flex;justify-content:space-between;gap:2ch;flex-wrap:wrap;padding-bottom:10px;border-bottom:1.5px solid currentColor}
.first-play-cta-head .lab:last-child{opacity:.62}.first-play-cta .closeline{margin-top:14px}

@media (max-width:1050px){
  /* Tablet choreography: the chapter being narrated always owns the first,
     full-width row. The other two chapters become small previews below it. */
  .wow-film[data-scene] .wow-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:610px}
  .wow-film .wow-arrow{display:none!important}
  .wow-film .wow-card{min-height:130px}
  .wow-book{grid-column:auto;display:flex}
  .wow-book .wow-head,.wow-book .wow-ask,.wow-book .rerun-proof{grid-column:auto}
  .wow-film[data-scene="0"] .wow-session,.wow-film[data-scene="1"] .wow-play,.wow-film[data-scene="2"] .wow-replay{
    grid-column:1/-1;order:1;min-height:430px
  }
  .wow-film[data-scene="0"] .wow-play,.wow-film[data-scene="1"] .wow-session,.wow-film[data-scene="2"] .wow-session{order:2}
  .wow-film[data-scene="0"] .wow-replay,.wow-film[data-scene="1"] .wow-replay,.wow-film[data-scene="2"] .wow-play{order:3}
  .wow-film[data-scene="3"] .wow-stage{min-height:610px}
  .graph-good{grid-template-columns:.7fr auto 1.4fr auto 1fr auto .8fr;gap:4px}.graph-good span{min-width:0;padding-inline:5px;font-size:7px}.graph-good i{width:16px}
  .skill-check-grid{grid-template-columns:1fr 390px;gap:28px}.skill-check-title{font-size:clamp(32px,4.8vw,52px)}
  .landing-play-grid{grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:35px}
}
@media (max-width:700px){
  .hero-h1 span{white-space:normal}.hero-dek{font-size:17px}.hero-promise{font-size:9px}
  .hero-platform{align-items:flex-start}.hero-platform>.lab{text-align:right}
  .hero-harnesses{margin:0}.harness-dock-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.harness-brand{min-height:0;border:0}
  .harness-brand b{font-size:8.5px}.harness-mark{width:19px;height:19px}.harness-mark svg{width:15px;height:15px}
  .film-screen{box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 24%,transparent)}
  .film-chapters{height:39px}.film-chapter{padding:0 7px;gap:.55ch;font-size:6.5px;letter-spacing:.045em}.film-chapter b{font-size:7.5px}.film-chapter:after{left:7px;right:7px}
  /* Phone choreography: one chapter, one frame. The chapter rail preserves
     the sequence without pushing the active scene down the page. */
  .wow-film[data-scene] .wow-stage{display:block;min-height:720px;padding:12px 9px 10px}
  .wow-film .wow-arrow{display:none!important}
  .wow-film[data-scene="0"] :is(.wow-play,.wow-replay),
  .wow-film[data-scene="1"] :is(.wow-session,.wow-replay),
  .wow-film[data-scene="2"] :is(.wow-session,.wow-play),
  .wow-film[data-scene="3"] .wow-card{display:none!important}
  .wow-film[data-scene="0"] .wow-session,
  .wow-film[data-scene="1"] .wow-play,
  .wow-film[data-scene="2"] .wow-replay{display:flex!important;min-height:696px;transform:none!important}
  .wow-film[data-scene="3"] .wow-stage{min-height:720px}
  .wow-book{grid-column:auto;display:flex}
  .play-travel{inset:40.5px 1.5px 1.5px;padding:16px 12px}.travel-ticket .ticket{padding:10px 12px;box-shadow:5px 5px 0 color-mix(in srgb,#000 28%,transparent)}.travel-ticket .ticket .barcode{width:9ch}.travel-ticket .ticket .uri{font-size:11px}
  .travel-rail{grid-template-columns:1fr;gap:7px}.travel-rail>i{transform:rotate(90deg);justify-self:center;font-size:14px}.travel-node{padding:7px 9px}
  .travel-note{font-size:8px}.travel-refrain{margin-top:11px}.travel-refrain strong{font-size:17px}.film-footer{align-items:flex-start;flex-direction:column}.film-controls{width:100%;flex-wrap:wrap}.film-track{flex:1}.film-speed{order:5;width:100%;grid-template-columns:auto 1fr 3ch}.film-speed input{width:100%}
  .proof-grid,.deterministic-strip,.domain-note,.verification-strip{grid-template-columns:1fr}.deterministic-strip>*{border-left:none;border-top:1px solid currentColor}.deterministic-strip>*:first-child{border-top:none}
  .verification-strip span{border-left:none;border-top:1px solid currentColor;text-align:left}.verification-strip span:first-child{border-top:none}
  .growth-row{grid-template-columns:3ch 1fr auto}.growth-row>span:nth-child(3){grid-column:2/-1}
  .skill-check-grid{grid-template-columns:1fr;gap:24px}.skill-check-title{font-size:clamp(31px,10vw,48px)}
  .skill-check-title span{display:inline}.skill-check-dek{font-size:16px;margin:14px 0 17px}
  .skill-receipt{box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
  .skill-check-more{align-items:flex-start}.skill-check-more>span:not(.lab){width:100%;padding-left:0;border-left:0}
  .skill-check-more .ta{margin-left:0}.skill-check-more .lnk{margin-left:auto}
  .landing-play-grid{grid-template-columns:1fr;gap:25px;padding:18px}.landing-play-art{max-width:430px}.landing-play-copy>h2{font-size:clamp(34px,10vw,48px)}
  .landing-result-head,.landing-result-foot{align-items:flex-start;flex-direction:column}.landing-result-foot b{text-align:left}
  .landing-result-cells{grid-template-columns:1fr}.landing-result-cells>div{border-left:none;border-top:1px solid currentColor}.landing-result-cells>div:first-child{border-top:none}
  .landing-play-uri{align-items:center;padding:14px 15px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.landing-play-uri .catalog-uri{gap:14px}.landing-play-uri .barcode{display:block;width:72px;height:30px}.landing-play-uri .catalog-uri .mono{font-size:10px}
  .graph-good{grid-template-columns:1fr;gap:6px}.graph-good:before{display:none}.graph-good span{min-height:44px;font-size:8px}.graph-good i{width:22px;height:22px;transform:rotate(90deg);justify-self:center}
  .graph-bad{margin:10px 0 0}.graph-bad:before{display:none}.graph-seal{grid-template-columns:62px minmax(0,1fr) 42px}.graph-seal-art{min-height:74px}.graph-seal-copy{padding:9px 10px}.graph-seal-copy strong{font-size:16px}
  .rerun-metrics{grid-column:1/-1;justify-content:flex-start;margin-top:7px}.rerun-metrics b{font-size:30px!important}
  .wow-mini{padding:18px 16px}.wow-mini b{font-size:22px;margin-top:16px}
  .first-play-cta{padding:15px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
}

/* hero stage — ask → explore + steer → observe → seal */
.stage{border:1.5px solid currentColor;padding:14px 22px;margin:14px 0 4px;min-height:318px;display:flex;flex-direction:column}
.stage-term{font-family:var(--mono);font-size:14.5px;background:var(--slate);color:var(--bone-t);padding:11px 16px;margin-bottom:2px;min-height:96px}
.stage-term .dlg{min-height:22px}
.stage-term .agent{color:#9BD8A8}
.stage-term .you{font-weight:700}
.stage-term .old{opacity:.5}
/* the graph and the seal stack in one grid cell and crossfade (a long SETTLE)
   — plotted inside the agent's workspace: same slate console as the terminal */
.stage-main{flex:1;position:relative;display:grid;background:var(--slate);color:var(--bone-t);padding:12px 16px 8px}
.stage-main>*{grid-area:1/1;min-width:0}
.stage-main svg.explore{width:100%;max-width:660px;height:176px;transition:opacity .6s ease,transform .6s ease}
.stage .ge{opacity:0;transition:opacity .18s steps(2,end);transition-delay:calc(var(--i,0)*.24s)}
.stage[data-phase="1"] .ge:not(.dead),.stage[data-phase="2"] .ge:not(.dead){opacity:1}
/* a dead end prints only when its correction is typed */
.stage[data-steer="1"] .ge.dd1,
.stage[data-steer="2"] .ge.dd1,.stage[data-steer="2"] .ge.dd2,
.stage[data-steer="3"] .ge.dd1,.stage[data-steer="3"] .ge.dd2,.stage[data-steer="3"] .ge.dd3{opacity:1}
.stage[data-phase="2"] .ge.dead,.stage[data-phase="3"] .ge.dead,
.stage[data-phase="2"] .ge.probe,.stage[data-phase="3"] .ge.probe{opacity:.12;transition:opacity .7s ease;transition-delay:0s}

/* bleeps — a ring pulses where the work is happening (green) or where a correction hit (ember) */
.wpulse,.dpulse{opacity:0;transform-box:fill-box;transform-origin:center}
@keyframes wbeep{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.7)}}
.stage[data-beat="1"] .wpb1 .wpulse,.stage[data-beat="2"] .wpb2 .wpulse,
.stage[data-beat="3"] .wpb3 .wpulse,.stage[data-beat="4"] .wpb4 .wpulse,
.stage[data-beat="5"] .wpb5 .wpulse{animation:wbeep 1.1s ease-out 3}
.stage[data-steer="1"] .dpulse.dp1,.stage[data-steer="2"] .dpulse.dp2,
.stage[data-steer="3"] .dpulse.dp3{animation:wbeep 1s ease-out 3}

/* the big readout — right half of the workspace, fading in and out with each event */
.stage-status{grid-area:1/1;justify-self:end;align-self:center;display:flex;align-items:center;gap:1.8ch;
  max-width:40%;padding-right:28px;opacity:0;transition:opacity .45s ease;pointer-events:none}
.stage-status.show{opacity:1}
.stage-status .sdot{width:12px;height:12px;border-radius:50%;flex:none;background:#9BD8A8;color:#9BD8A8;
  animation:sblink 1.25s ease-out infinite}
.stage-status.err .sdot{background:var(--ember);color:var(--ember)}
/* events are called by name in the poster voice: wide italic display */
.stage-status .stext{font:italic 800 clamp(18px,1.85vw,27px)/1.22 var(--sans);
  font-stretch:118%;letter-spacing:.005em;color:var(--bone)}
.stage-status.err .stext{color:var(--marigold);font-stretch:108%}
@keyframes sblink{0%{box-shadow:0 0 0 0 currentColor}75%{box-shadow:0 0 0 13px transparent}100%{box-shadow:0 0 0 0 transparent}}
.stage[data-phase="3"] .stage-status{opacity:0}
@media (prefers-reduced-motion: reduce){.stage-status .sdot,.wpulse,.dpulse{animation:none!important}}
@media (max-width:900px){.stage-status{display:none}}
.stage[data-phase="3"] svg.explore{opacity:0;transform:translateY(-8px);pointer-events:none}
.stage-seal{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .65s ease .35s,transform .65s ease .35s}
.stage[data-phase="3"] .stage-seal{opacity:1;transform:none;pointer-events:auto}
/* the running status line sits between the terminal and the chart */
.stage-meta{display:flex;align-items:baseline;gap:2.5ch;border-bottom:1px solid currentColor;padding:9px 2px 9px;margin-bottom:2px;flex-wrap:wrap}
.stage-meta #st-label{flex:1;min-width:24ch}
.stage-ctl{display:inline-flex;gap:2ch;white-space:nowrap;align-items:center}
.stage-ctl .ta{font:700 10.5px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.stage-ctl .ta:hover{opacity:1}
.aspd{display:inline-flex;gap:1ch;align-items:center;opacity:.75}
.aspd:hover{opacity:1}
.aspd input[type=range]{width:84px;height:3px;accent-color:var(--ink);cursor:pointer;margin:0}
.aspd .lab.num{font-size:10.5px;min-width:4.5ch}

/* the hero CTA — the page's one primary prompt, in the flow, not in a corner */
.herocta{display:flex;flex-direction:column;gap:11px;align-items:flex-end;width:min(100%,720px);margin:22px 0 8px auto}
.herocta .btn{font-size:14px;padding:16px 24px}.herocta .hero-promise{width:min(100%,480px);padding-left:1px;
  font:550 12.5px/1.45 var(--sans);text-align:left;letter-spacing:0;opacity:.68}

/* the stage subtitles — the film plays muted; this band carries the story */
.stage-cap{background:var(--slate);color:var(--bone);text-align:center;padding:9px 18px 12px;
  min-height:44px;border-top:1px solid color-mix(in srgb,var(--bone-t) 22%,transparent);
  font:600 clamp(13.5px,1.25vw,16.5px)/1.45 var(--sans)}

/* the problem ledger — four numbered facts, read like a report */
.facts{border-top:1.5px solid currentColor;margin-top:16px}
.problem-dek{max-width:62ch;margin:12px 0 4px;font:500 clamp(17px,1.5vw,21px)/1.55 var(--sans);opacity:.92}
.problem-punch{display:flex;justify-content:space-between;gap:2.5ch;align-items:baseline;margin:18px 0 2px;
  padding:15px 17px;border:1.5px solid currentColor;background:var(--marigold);color:var(--ink);
  font:650 clamp(16px,1.7vw,23px)/1.3 var(--sans);letter-spacing:.025em}
.problem-punch>span{opacity:.82}.problem-punch strong{font-weight:800;text-align:right}
.incident-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;gap:1.5ch;align-items:center;margin:20px 0 5px;
  border:1.5px solid color-mix(in srgb,currentColor 48%,transparent);padding:12px 14px;font:500 13.5px/1.5 var(--mono)}
.incident-timeline span{display:flex;gap:1.2ch;align-items:baseline}.incident-timeline b{color:var(--marigold)}
.incident-timeline i{font-style:normal;opacity:.45}.incident-timeline .alarm{background:var(--ember);color:#fff;padding:8px 10px}.incident-timeline .alarm b{color:#fff}
.pfact{display:grid;grid-template-columns:4ch 1fr auto;gap:2.5ch;align-items:baseline;
  padding:17px 2px;border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.pfact .fno{opacity:.5;font-size:14px}
.pfact .ftitle{font:700 clamp(19px,2vw,26px)/1.24 var(--sans);letter-spacing:.01em;text-align:left}
.pfact .fsub{font-size:15px;line-height:1.55;opacity:.84;max-width:62ch;margin-top:6px;text-align:left}
.pfact .fcost{font-size:12.5px;letter-spacing:.08em;color:var(--marigold);white-space:nowrap}
@media (max-width:760px){
  .pfact{grid-template-columns:4ch 1fr}.pfact .fcost{grid-column:2}
  .incident-timeline{grid-template-columns:1fr}.incident-timeline i{transform:rotate(90deg);justify-self:center}
  .incident-timeline span{justify-content:space-between}
  .problem-punch{align-items:flex-start;flex-direction:column}.problem-punch strong{text-align:left}
}

/* how expertise is made — watched → recorded → sealed */
.reachcell{min-height:172px;justify-content:flex-start}
.reachcell .refline{margin-top:auto}
.reachwrap{margin-bottom:18px}
.refline{font-family:var(--mono);font-size:12.5px;background:var(--slate);color:var(--bone-t);padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.refline b{color:var(--clay-light);font-weight:700}
.reachcell:hover .refline{background:var(--ink)}
@media (max-width:1050px){.reachwrap .cells{--c:1}}

/* one saved route first becomes local memory, then shared working knowledge */
.memory-board{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid currentColor;margin:18px 0 4px}
.memory-head{grid-column:1/-1;display:flex;justify-content:space-between;gap:2ch;padding:9px 12px;
  background:var(--slate);color:var(--bone-t)}
.memory-part{padding:20px 22px;min-height:160px}
.memory-part.shared{border-left:1.5px solid currentColor;background:var(--marigold)}
.memory-part h3{font:800 clamp(23px,2.4vw,34px)/1.05 var(--sans);letter-spacing:-.02em;margin:18px 0 8px}
.memory-part p{font:500 15.5px/1.55 var(--sans);max-width:47ch;margin:0;opacity:.9}
.memory-links{display:flex;gap:2.2ch;flex-wrap:wrap;margin-top:18px}
.memory-links a{color:inherit;font:750 10.5px/1.3 var(--mono);letter-spacing:.07em;text-decoration:underline;text-underline-offset:4px}
.memory-links a:hover{color:var(--ember)}
.memory-close{grid-column:1/-1;display:flex;justify-content:space-between;gap:2ch;padding:13px 15px;
  border-top:1.5px solid currentColor;background:var(--ink);color:var(--bone-t);font:500 13.5px/1.5 var(--mono)}
.memory-close strong{color:var(--marigold)}
@media (max-width:700px){
  .memory-board{grid-template-columns:1fr}.memory-head,.memory-close{align-items:flex-start;flex-direction:column}
  .memory-part.shared{border-left:none;border-top:1.5px solid currentColor}
}

/* cost bars — the 50× shown, not asserted: widths are the literal ratio */
.costbars{border:1.5px solid currentColor;padding:18px 20px;margin:18px 0 10px;display:flex;flex-direction:column;gap:16px}
.crow{display:grid;grid-template-columns:minmax(18ch,24ch) 1fr auto;gap:2.5ch;align-items:center}
.clab{font:700 12px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.cbar{height:13px}
.cbar i{display:block;height:100%;background:currentColor;opacity:.25}
.crow.csig .cbar i{background:var(--ember);opacity:1;min-width:7px}
.cval{font:800 21px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.crow.ghosted .cval{opacity:.5}
.crow.csig .cval{color:var(--ember);font-size:27px}
@media (max-width:760px){.crow{grid-template-columns:1fr auto}.cbar{grid-column:1/-1}}

/* landing elevation — the feed and profiles already feel like a catalog of
   useful work. These sections use the same paper, plate, sleeve, and receipt
   language without changing the page's words or narrative order. */
.landing-page>.landing-section{padding:clamp(34px,4.3vw,64px) clamp(24px,4.2vw,62px)}
.landing-section>.strip{margin-bottom:clamp(26px,3vw,42px)}
.landing-section>.fstrip{margin-top:clamp(30px,3.2vw,46px)}
.landing-section-title{text-transform:none!important;letter-spacing:-.045em!important;font-weight:830!important;
  line-height:.98!important;max-width:18ch;text-wrap:balance}
.landing-lead{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(30px,6vw,92px);
  align-items:end;margin-bottom:clamp(28px,3vw,44px)}
.landing-lead .landing-section-title{margin:0}.landing-lead p{margin:0;max-width:56ch}
.landing-lead-play{grid-template-rows:auto auto;align-items:start;row-gap:13px}
.landing-lead-play .landing-section-title{grid-row:1/3}.landing-lead-play .play-trust-dek{grid-column:2}

/* Teach the problem on paper. The dark half of the comparison is the object
   carrying the contrast, not another full-width slide. */
.landing-page .repeat-stage{background:var(--surface);color:var(--ink);--f:var(--surface);--sigc:var(--ember)}
.repeat-start-over{background:var(--slate);color:var(--bone-t)}
.landing-page .repeat-proof{border-color:var(--ink);box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.landing-page .repeat-definition{border-color:var(--ink)}

/* Large sections are gallery walls. Saturated colour belongs to the artifact
   sitting on them, not the wall itself. */
.catalog-page>.pnl,.profiles-page>.pnl,.play-page>.pnl,.pricing-page>.pnl{padding-inline:clamp(24px,3.5vw,56px)}
.catalog-page .play-shelf{background:var(--surface)}
.profiles-page .masters-stage,.profiles-page .ladder-studio{background:var(--surface)}
.profiles-page .cohort-stage{background:var(--surface-muted)}
.pricing-page .pricing-economics{background:var(--surface-muted)}

/* Re-exploration shown as a receipt that keeps charging the team. */
.problem-stage .landing-lead{align-items:end}
.problem-stage .incident-timeline{margin:0 8px 28px 0;padding:16px 18px;background:color-mix(in srgb,var(--ink) 25%,var(--slate));
  border-color:color-mix(in srgb,var(--bone-t) 52%,transparent);box-shadow:8px 8px 0 color-mix(in srgb,var(--marigold) 78%,transparent)}
.problem-stage .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:color-mix(in srgb,var(--bone-t) 38%,transparent);
  border:1.5px solid color-mix(in srgb,var(--bone-t) 58%,transparent);box-shadow:9px 9px 0 color-mix(in srgb,#000 20%,transparent)}
.problem-stage .pfact{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:258px;padding:24px 24px 21px;
  border:0;background:var(--slate)}
.problem-stage .pfact:nth-child(2){background:color-mix(in srgb,var(--slate) 87%,var(--ink))}
.problem-stage .pfact:nth-child(3){background:color-mix(in srgb,var(--slate) 74%,var(--ink))}
.problem-stage .pfact .fno{font-size:11px;letter-spacing:.09em;margin-bottom:36px;color:var(--marigold);opacity:1}
.problem-stage .pfact .ftitle{font-size:clamp(22px,2.15vw,31px);line-height:1.05;letter-spacing:-.025em}
.problem-stage .pfact .fsub{font-size:14px;line-height:1.55;margin-top:13px}
.problem-stage .pfact .fcost{margin-top:auto;padding-top:26px;color:var(--marigold);font-size:10px}
.problem-stage .problem-punch{margin:30px 8px 0 0;padding:18px 21px;background:var(--marigold);
  box-shadow:8px 8px 0 color-mix(in srgb,#000 22%,transparent)}

/* Anatomy of a play: one inspected object instead of a row of loose boxes. */
.play-anatomy-board{margin:8px 8px 0 0;border:1.5px solid currentColor;background:var(--bone);
  box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
.play-anatomy-board>.verification-strip{margin:0;border:0;border-bottom:1.5px solid currentColor;background:var(--slate);color:var(--bone-t)}
.play-anatomy-board>.verification-strip span{padding:13px 12px;border-color:color-mix(in srgb,var(--bone-t) 32%,transparent)}
.play-anatomy-board>.verification-strip span:before{content:'✓';color:var(--marigold);margin-right:.8ch}
.play-anatomy-board>.cells{margin:0;border:0;border-bottom:1.5px solid currentColor;gap:0;background:transparent}
.play-anatomy-board .def-cell{min-height:190px!important;padding:24px 22px!important;border-left:1px solid currentColor;background:var(--bone)!important}
.play-anatomy-board .def-cell:first-child{border-left:0}
.play-anatomy-board .def-cell:nth-child(2){background:color-mix(in srgb,var(--marigold) 14%,var(--bone))!important}
.play-anatomy-board .def-cell:nth-child(3){background:color-mix(in srgb,var(--marigold) 25%,var(--bone))!important}
.play-anatomy-board .def-cell .top .mono{font-size:11px!important;letter-spacing:.08em;opacity:.62!important}
.play-anatomy-board .domain-note{margin:0;border:0;border-bottom:1.5px solid currentColor;padding:20px 22px}
.play-anatomy-board .deterministic-strip{margin:0;border:0}
.play-anatomy-board .deterministic-strip>*{padding:14px 16px}

/* Cross-domain breadth becomes a shelf: four different jobs, one format. */
.domain-stage .growth-board{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 8px 0 0;
  background:var(--bone);box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
.domain-stage .growth-head,.domain-stage .growth-repair{grid-column:1/-1}
.domain-stage .growth-head{padding:12px 14px}
.domain-stage .growth-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:230px;padding:22px 19px;
  border-top:1.5px solid currentColor;border-right:1px solid currentColor}
.domain-stage .growth-row:nth-of-type(5){border-right:0}
.domain-stage .growth-row>span:first-child{font-size:10px;letter-spacing:.09em;opacity:.55}
.domain-stage .growth-row>b{font:800 clamp(20px,2vw,29px)/1.02 var(--sans);letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:26px}
.domain-stage .growth-row>span:nth-child(3){font-size:10.5px;margin-top:3px}
.domain-stage .growth-row>.tag{margin-top:auto;align-self:flex-start}
.domain-stage .growth-row:nth-of-type(3){background:color-mix(in srgb,var(--ink) 5%,var(--bone))}
.domain-stage .growth-row:nth-of-type(4){background:color-mix(in srgb,var(--ink) 9%,var(--bone))}
.domain-stage .growth-row.fresh{background:var(--marigold)}
.domain-stage .growth-repair{padding:13px 14px;background:var(--ink);color:var(--bone-t);opacity:1}

/* Replay economics presented as one rate card with the proof attached. */
.budget-board{display:grid;grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);margin:26px 8px 0 0;
  border:1.5px solid currentColor;background:var(--bone);box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 19%,transparent)}
.budget-board>.costbars{grid-column:1/-1;margin:0;border:0;border-bottom:1.5px solid currentColor;padding:24px 25px;
  background:var(--slate);color:var(--bone-t)}
.budget-board .crow{min-height:48px}.budget-board .crow.csig{margin:1px -9px -8px;padding:10px 9px;background:var(--marigold);color:var(--ink)}
.budget-board .crow.csig .cval{color:var(--ink)}.budget-board .crow.ghosted .cbar{background:color-mix(in srgb,var(--bone-t) 16%,transparent)}
.budget-board>.budget-dek{max-width:none;margin:0;padding:30px 28px;font-size:clamp(17px,1.55vw,21px);line-height:1.58;
  border-right:1.5px solid currentColor;display:flex;align-items:center}
.budget-board>.proof-grid{grid-template-columns:1fr;margin:0;border:0;gap:0;background:transparent}
.budget-board>.proof-grid>div{position:relative;min-height:112px;padding:18px 20px 17px 76px;border-top:1px solid currentColor;background:var(--bone)}
.budget-board>.proof-grid>div:first-child{border-top:0}
.budget-board>.proof-grid>div:nth-child(2){background:color-mix(in srgb,var(--marigold) 13%,var(--bone))}
.budget-board>.proof-grid>div:nth-child(3){background:color-mix(in srgb,var(--marigold) 24%,var(--bone))}
.budget-board>.proof-grid>div:before{position:absolute;left:20px;top:21px;font:800 11px/1 var(--mono);letter-spacing:.08em;opacity:.5}
.budget-board>.proof-grid>div:nth-child(1):before{content:'01'}.budget-board>.proof-grid>div:nth-child(2):before{content:'02'}.budget-board>.proof-grid>div:nth-child(3):before{content:'03'}
.budget-board>.proof-grid b{font-size:clamp(20px,1.8vw,27px);letter-spacing:-.02em}

/* Making the first play reads as three printed steps, then the portable URI. */
.how-stage .reachwrap>.cells{margin:0;gap:14px;border:0;background:transparent}
.how-stage .first-play-step{position:relative;min-height:245px;padding:22px 20px;border:1.5px solid currentColor;background:var(--bone);
  box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 15%,transparent)}
.how-stage .first-play-step:nth-child(2){background:color-mix(in srgb,var(--marigold) 14%,var(--bone))}
.how-stage .first-play-step:nth-child(3){background:var(--marigold)}
.how-stage .first-play-step .top .mono{font-size:11px!important;letter-spacing:.08em;opacity:.62!important}
.how-stage .first-play-step .refline{margin-inline:-6px -6px}
.how-stage>.ticket{margin:29px 8px 22px 0;box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
.how-stage .memory-board{margin:22px 8px 28px 0;box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.how-stage .memory-part{padding:26px 27px;min-height:210px}.how-stage .memory-part h3{margin-top:34px}
.how-stage .first-play-cta{margin:24px 8px 0 0;padding:24px 25px;border-top:7px solid var(--marigold);
  box-shadow:9px 9px 0 color-mix(in srgb,var(--ink) 21%,transparent)}
.how-stage .first-play-cta .closeline{font-size:17px;max-width:66ch}

@media (max-width:1050px){
  .landing-lead{grid-template-columns:1fr .82fr;gap:34px}
  .problem-stage .facts{grid-template-columns:1fr}.problem-stage .pfact{min-height:0;display:grid;grid-template-columns:4ch 1fr auto;gap:20px;padding:22px}
  .problem-stage .pfact .fno{margin:0}.problem-stage .pfact .fcost{margin:0;padding:0;align-self:center}.problem-stage .pfact .fsub{max-width:62ch}
  .domain-stage .growth-board{grid-template-columns:repeat(2,1fr)}
  .domain-stage .growth-row:nth-of-type(3){border-right:0}.domain-stage .growth-row:nth-of-type(5){border-top:1px solid currentColor}
}
@media (max-width:760px){
  .landing-page>.landing-section{padding:30px 18px}.landing-section>.strip{margin-bottom:24px}
  .landing-section-title{line-height:1.02!important}.landing-lead,.landing-lead-play{grid-template-columns:1fr;grid-template-rows:auto;gap:17px;margin-bottom:28px}
  .landing-lead-play .landing-section-title,.landing-lead-play .play-trust-dek{grid-column:auto;grid-row:auto}
  .problem-stage .incident-timeline,.problem-stage .problem-punch,.play-anatomy-board,.domain-stage .growth-board,.budget-board,
  .how-stage>.ticket,.how-stage .memory-board,.how-stage .first-play-cta{margin-right:5px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
  .problem-stage .facts{box-shadow:5px 5px 0 color-mix(in srgb,#000 20%,transparent)}
  .problem-stage .pfact{display:flex;min-height:220px;padding:21px}.problem-stage .pfact .fno{margin-bottom:20px}.problem-stage .pfact .fcost{margin-top:auto;padding-top:20px;align-self:flex-start}
  .play-anatomy-board .def-cell{border-left:0;border-top:1px solid currentColor;min-height:150px!important}.play-anatomy-board .def-cell:first-child{border-top:0}
  .domain-stage .growth-board{grid-template-columns:1fr}.domain-stage .growth-row{min-height:190px;border-right:0}.domain-stage .growth-row>b{margin-top:18px}
  .budget-board{grid-template-columns:1fr}.budget-board>.budget-dek{border-right:0;border-bottom:1.5px solid currentColor;padding:23px 20px}
  .budget-board>.proof-grid>div{padding-left:62px}.budget-board>.proof-grid>div:before{left:17px}
  .budget-board>.costbars{padding:18px 16px}.budget-board .crow.csig{margin-inline:-5px;padding-inline:5px}
  .how-stage .first-play-step{min-height:205px}.how-stage .memory-part{min-height:0;padding:23px 20px}.how-stage .memory-part h3{margin-top:25px}
  .how-stage .first-play-cta{padding:20px 17px}
}

/* bigfoot — the press-plate sign-off on raw canvas */
.bigfoot{display:flex;gap:5ch;align-items:flex-end;flex-wrap:wrap;margin:0;padding:44px 32px 28px;background:var(--surface);color:var(--ink);border-top:1px solid var(--rule)}
.bigfoot .rail{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:10px}
.bigfoot .rail .lnk{opacity:.6}
.bigfoot .rail .lnk:hover{opacity:1}
.bigfoot .scanword{flex:1 1 520px;min-width:min(100%,480px);max-width:1500px;opacity:.17}

@media (max-width:700px){.prow{grid-template-columns:1fr}.ticket .tacts{margin-left:0;width:100%}.cells{--c:1!important}}

}

/* ── THE RATE CARD — a printed tariff sheet (visual-language/05-rate-card.md).
   Printer's double rules, dotted leaders, laws before prices; the whole page is
   one bone plate, set like a 1960s field-office rate posting. ── */
.ratecard{max-width:1060px;margin:0 auto}
.dblrule{height:7px;border-top:3px solid currentColor;position:relative}
.dblrule::after{content:'';position:absolute;top:5px;left:0;right:0;border-top:1px solid currentColor}

.law{display:grid;grid-template-columns:9.5ch 1fr;gap:2.5ch;padding:15px 0;border-top:1px dotted color-mix(in srgb,currentColor 40%,transparent)}
/* the ladder — rung rows, taught before the tariff bills in them */
.rung{display:grid;grid-template-columns:12ch 1fr;gap:2.5ch;align-items:baseline;padding:7px 0;
  border-top:1px dotted color-mix(in srgb,currentColor 28%,transparent)}
.rung .rname{font:700 12.5px/1.5 var(--mono);letter-spacing:.12em}
.rung .rhow{font:500 14px/1.55 var(--sans);opacity:.78}
@media (max-width:820px){.rung{grid-template-columns:1fr}.rung .rhow{margin-top:2px}}
.law:nth-of-type(1){border-top:none;padding-top:20px}
.lawno{font:700 12.5px/2 var(--mono);letter-spacing:.06em;opacity:.8}
.lawt{font:800 clamp(19px,1.9vw,25px)/1.22 var(--sans);font-stretch:113%;letter-spacing:-.005em}
.lawsub{font:500 14px/1.55 var(--sans);opacity:.72;max-width:66ch;margin-top:4px}

.trow-wrap{padding:17px 0 15px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.trow-wrap:first-of-type{border-top:none}
.trow{display:flex;align-items:baseline;gap:2ch}
.tmoment{font:600 italic clamp(18px,1.75vw,23px)/1.25 var(--sans);font-stretch:96%;letter-spacing:.002em}
.ttier{font:800 13.5px/1 var(--mono);letter-spacing:.14em;white-space:nowrap}
.tlead{flex:1;min-width:6ch;border-bottom:2.5px dotted color-mix(in srgb,currentColor 42%,transparent);transform:translateY(-5px)}
.tprice{font:800 clamp(24px,2.4vw,31px)/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.tper{font:700 12px/1 var(--mono);letter-spacing:.08em;margin-left:.6ch;opacity:.7}
.tfine{display:flex;gap:2.5ch;align-items:center;margin-top:9px}
.tfine>span{font:500 13px/1.6 var(--sans);opacity:.78;max-width:78ch}
.tfine .btn.sm,.tfine .ta{margin-left:auto;white-space:nowrap;flex:none}
.trow-wrap:hover{background:color-mix(in srgb,currentColor 3.5%,transparent)}

.rc-ins{display:flex;gap:4ch;flex-wrap:wrap}
.rc-in{display:flex;align-items:center;gap:1.5ch;cursor:pointer}
.rc-in input[type=range]{width:150px;height:3px;accent-color:var(--ink);cursor:pointer;margin:0}
.rc-in .num{font:800 15px/1 var(--sans);font-variant-numeric:tabular-nums;min-width:3.5ch}
.rc-rate{display:flex;align-items:baseline;gap:2ch;flex-wrap:wrap;border:1.5px solid currentColor;padding:16px 20px}
.rc-rate .num{font:800 clamp(23px,2.3vw,30px)/1 var(--sans);font-variant-numeric:tabular-nums}
.rc-still{font:600 italic 15px/1.5 var(--sans);opacity:.8}

@media (max-width:820px){
  .trow{flex-wrap:wrap}
  .tmoment{flex:1 1 100%}
  .tfine{flex-wrap:wrap}
  .tfine .btn.sm,.tfine .ta{margin-left:0}
  .law{grid-template-columns:1fr}
}
.tstamp{font:800 13.5px/1 var(--mono);letter-spacing:.15em;border:2px solid currentColor;padding:7px 11px;display:inline-block;transform:rotate(-1.5deg);opacity:.85}
.aspd.ascr input[type=range]{width:170px}

/* ── PRICING · the studio around an earned reputation ──────────────── */
.pricing-hero{padding:clamp(24px,3.8vw,56px)}
.pricing-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(590px,1.08fr);gap:clamp(34px,5vw,80px);align-items:center}
.pricing-hero-copy{min-width:0}.pricing-hero-copy>h1{font-size:clamp(46px,4.65vw,74px);letter-spacing:-.045em;margin:16px 0 22px}.pricing-hero-copy>h1 span{display:block;white-space:nowrap}
.pricing-hero-copy>p{font:550 clamp(19px,1.7vw,24px)/1.48 var(--sans);max-width:52ch}
.pricing-principle{display:flex;flex-direction:column;border-left:5px solid var(--marigold);padding:4px 0 4px 17px;margin:25px 0}
.pricing-principle b{font:750 18px/1.35 var(--sans)}.pricing-principle span{font:550 15px/1.45 var(--sans);opacity:.68}
.pricing-hero-actions{display:flex;gap:2.4ch;align-items:center;flex-wrap:wrap}.pricing-scroll-cue{opacity:.55}
.price-ladder{border:1.5px solid currentColor;background:var(--bone)}
.price-ladder-head{display:flex;justify-content:space-between;gap:2ch;padding:11px 13px;background:var(--slate);color:var(--bone-t)}
.price-rung{display:grid;grid-template-columns:3.5ch 1fr;gap:1.5ch;padding:13px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.price-rung>span{font:750 10px/1.4 var(--mono);opacity:.5}.price-rung>div{display:grid;grid-template-columns:12ch 1fr;gap:3px 1.2ch;align-items:baseline}
.price-rung b{font:850 13px/1.2 var(--mono);letter-spacing:.07em}.price-rung strong{font:750 16px/1.3 var(--sans)}.price-rung small{grid-column:1/-1;font:500 11.5px/1.45 var(--mono);opacity:.58}
.price-rung:nth-child(3){background:color-mix(in srgb,var(--marigold) 13%,var(--bone))}.price-rung:nth-child(4){background:color-mix(in srgb,var(--marigold) 24%,var(--bone))}
.price-rung:nth-child(5){background:var(--ink);color:var(--bone-t)}
.price-ladder-foot{padding:12px 13px;border-top:1px solid currentColor;font:500 11px/1.55 var(--mono)}
.promotion-ladder{border:1.5px solid currentColor;background:var(--bone)}
.promotion-ladder-head{display:flex;justify-content:space-between;gap:2ch;padding:11px 13px;background:var(--slate);color:var(--bone-t)}
.promotion-grid{display:flex;flex-direction:column}
.promotion-stage{min-height:132px;padding:16px 18px;display:grid;grid-template-columns:minmax(108px,.52fr) minmax(160px,.72fr) minmax(0,1.65fr) 112px;gap:clamp(12px,1vw,16px);align-items:center;border-top:1px solid currentColor}
.promotion-stage:first-child{border-top:none}.promotion-stage:nth-child(2){background:color-mix(in srgb,var(--marigold) 10%,var(--bone))}.promotion-stage:nth-child(3){background:color-mix(in srgb,var(--marigold) 20%,var(--bone))}.promotion-stage:nth-child(4){background:var(--ink);color:var(--bone-t)}
.promotion-stage-head{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:11px;font:800 9px/1.3 var(--mono);letter-spacing:.08em}.promotion-stage-head>span{opacity:.62}.promotion-stage-head>b{font-size:10px}
.promotion-index{display:flex;align-items:baseline;gap:1.1ch}.promotion-index>b{font:850 clamp(28px,2.4vw,38px)/.85 var(--sans);letter-spacing:-.04em}.promotion-index>small{font:800 7px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}
.promotion-plays{display:flex;align-items:flex-end;min-width:0}.promotion-plays .play-cover.mini{width:64px;flex:none;background:var(--cover-bg)}.promotion-plays .play-cover.mini+.play-cover.mini{margin-left:-17px;transform:translateY(calc((var(--stack-i,1))*-3px))}.promotion-plays .play-cover.mini:nth-child(2){--stack-i:1}.promotion-plays .play-cover.mini:nth-child(3){--stack-i:2}
.promotion-signal{display:grid;place-items:center;flex:0 0 100px;min-height:58px;font:800 8px/1.35 var(--mono);letter-spacing:.04em;border:1px solid currentColor;padding:8px 10px;text-align:center}
.promotion-copy>strong{display:block;font:850 clamp(18px,1.65vw,25px)/1.05 var(--sans);letter-spacing:-.025em}.promotion-copy>p{font:500 11px/1.45 var(--mono);opacity:.65;margin-top:7px}
.promotion-stage:nth-child(4) .promotion-signal{color:var(--marigold)}
.promotion-ladder-foot{display:grid;grid-template-columns:auto 1fr;gap:1.8ch;padding:12px 13px;border-top:1px solid currentColor;font:500 10.5px/1.45 var(--mono)}.promotion-ladder-foot>b{white-space:nowrap}.promotion-ladder-foot>span{opacity:.62}
.pricing-hero>.fstrip{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.pricing-hero>.fstrip>span+span{border-left:1px solid currentColor}

.pricing-plans,.pricing-economics,.pricing-never{padding:clamp(24px,3.5vw,52px)}
.pricing-section-head{display:flex;justify-content:space-between;gap:5vw;align-items:flex-end;border-bottom:1.5px solid currentColor;padding-bottom:17px;margin-bottom:24px}
.pricing-section-head h2{font:850 clamp(38px,4.6vw,68px)/1 var(--sans);letter-spacing:-.035em;margin-top:8px;max-width:16ch}
.pricing-section-head>p{font:500 16px/1.52 var(--sans);max-width:47ch}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.plan-card{position:relative;border:1.5px solid currentColor;background:var(--bone);padding:18px;min-height:610px;display:flex;flex-direction:column;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 12%,transparent)}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:1ch;min-height:25px}.plan-badge{background:var(--marigold);padding:6px 8px;font:800 8px/1 var(--mono);letter-spacing:.07em}
.plan-card h3{font:800 clamp(25px,2.1vw,34px)/1.04 var(--sans);letter-spacing:-.025em;min-height:2.1em;margin:24px 0 15px}
.plan-rate{display:flex;align-items:flex-end;gap:1ch}.plan-rate>b{font:850 clamp(42px,4vw,62px)/.9 var(--sans);letter-spacing:-.045em}.plan-rate>span{font:700 8.5px/1.3 var(--mono);letter-spacing:.07em;max-width:12ch}
.plan-name{display:flex;align-items:center;gap:1.4ch;margin:18px 0 8px}.plan-name>span{font:850 11px/1 var(--mono);letter-spacing:.12em}.plan-name>i{height:1px;background:currentColor;flex:1;opacity:.35}
.plan-card ul{list-style:none;margin-bottom:20px}.plan-card li{font:550 13px/1.45 var(--sans);padding:9px 0 9px 18px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);position:relative}
.plan-card li:before{content:'✓';position:absolute;left:0;font:800 10px/1.6 var(--mono)}
.plan-proof{margin-top:auto;background:color-mix(in srgb,var(--ink) 5%,var(--bone));border-left:4px solid currentColor;padding:11px 12px}.plan-proof .lab{font-size:7px;opacity:.55}.plan-proof p{font:650 12px/1.45 var(--sans);margin-top:4px}
.plan-card>.btn,.plan-card>.btn2{margin-top:17px;justify-content:center}.plan-truth{font:700 7px/1.45 var(--mono);letter-spacing:.06em;text-align:center;opacity:.48;margin-top:13px}
.plan-team{box-shadow:inset 0 6px 0 var(--marigold),6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.plan-team .plan-proof{border-color:var(--marigold)}
.plan-forward .plan-proof{border-color:var(--ember)}
.plan-disclosure{display:grid;grid-template-columns:auto 1fr;gap:2.5ch;margin-top:22px;padding-top:15px;border-top:1.5px solid currentColor}.plan-disclosure b{font-size:15px}.plan-disclosure span{font:500 12.5px/1.5 var(--mono);opacity:.65}

.enterprise-band{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:8vw;padding:clamp(28px,4vw,58px);align-items:center}
.enterprise-band h2{font:850 clamp(38px,5vw,72px)/1 var(--sans);letter-spacing:-.035em;max-width:13ch;margin:10px 0 17px}.enterprise-band p{font:500 16px/1.55 var(--sans);max-width:65ch}
.enterprise-offer{border:1px solid color-mix(in srgb,var(--bone-t) 42%,transparent);padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.enterprise-offer>b{font:800 clamp(21px,2vw,30px)/1.1 var(--mono);color:var(--marigold)}

.economics-grid{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);gap:clamp(35px,7vw,100px)}
.economics-controls{display:flex;flex-direction:column;gap:18px}.economics-controls .rc-in{border-bottom:1px solid color-mix(in srgb,currentColor 28%,transparent);padding:13px 0;display:grid;grid-template-columns:1fr 150px 4ch}
.economics-note{background:var(--ink);color:var(--bone-t);padding:16px;margin-top:4px}.economics-note p{font:500 12.5px/1.55 var(--mono);margin-top:7px;opacity:.75}
.economics-output .costbars{margin:0 0 15px;background:var(--bone)}.economics-repair{margin:13px 0;opacity:.65}.economics-output .rc-rate{background:var(--bone);display:grid;grid-template-columns:1fr auto}.economics-output .rc-rate .rc-still{grid-column:1/-1}

.never-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid currentColor}.never-cell{min-height:150px;padding:18px;border-left:1px solid currentColor;border-top:1px solid currentColor;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.never-cell:nth-child(-n+3){border-top:none}.never-cell:nth-child(3n+1){border-left:none}
.never-cell b{font:850 clamp(20px,2vw,28px)/1 var(--sans)}.never-cell span{font:500 12.5px/1.5 var(--mono);opacity:.65}

.pricing-close{padding:clamp(32px,5vw,76px);text-align:center}.pricing-close h2{font-size:clamp(58px,8vw,120px);margin:18px auto}.pricing-close>p{font:550 clamp(18px,1.6vw,23px)/1.5 var(--sans);max-width:60ch;margin:0 auto 26px}.pricing-close>div{display:flex;justify-content:center;align-items:center;gap:2.5ch;flex-wrap:wrap}.pricing-close>strong{display:block;border-top:1.5px solid currentColor;margin-top:35px;padding-top:16px;font:800 10px/1.4 var(--mono);letter-spacing:.12em}

@media(max-width:1150px){
  .pricing-hero-grid{grid-template-columns:1fr}.promotion-ladder{margin-top:12px}.plan-grid{grid-template-columns:1fr 1fr}.plan-card{min-height:560px}
}
@media(max-width:780px){
  .pricing-hero-grid,.enterprise-band,.economics-grid{grid-template-columns:1fr}.price-ladder{margin-top:8px}.pricing-hero-copy>h1{font-size:clamp(45px,13vw,70px)}.pricing-hero-copy>h1 span{white-space:normal}.promotion-stage{min-height:0;grid-template-columns:1fr auto;gap:15px;padding:17px 14px}.promotion-stage-head{min-height:68px}.promotion-plays{grid-column:1}.promotion-copy{grid-column:1/-1}.promotion-signal{grid-column:2;grid-row:1/3;min-width:100px}.promotion-ladder-foot{grid-template-columns:1fr}.promotion-ladder-foot>b{white-space:normal}
  .pricing-hero>.fstrip{grid-template-columns:1fr;text-align:left}.pricing-hero>.fstrip>span+span{border-left:none;border-top:1px solid currentColor;padding-top:8px}
  .pricing-section-head{align-items:flex-start;flex-direction:column}.pricing-section-head h2{font-size:42px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-card h3{min-height:0}
  .plan-disclosure{grid-template-columns:1fr}.economics-controls .rc-in{grid-template-columns:1fr 1fr 4ch}.economics-controls .rc-in input{width:100%}
  .economics-output .rc-rate{grid-template-columns:1fr}.economics-output .rc-rate .rc-still{grid-column:auto}.never-grid{grid-template-columns:1fr}.never-cell,.never-cell:nth-child(-n+3),.never-cell:nth-child(3n+1){border-left:none;border-top:1px solid currentColor}.never-cell:first-child{border-top:none}
}

/* ── LANDING · SHOW THE WORK ─────────────────────────────────────────
   The page is deliberately still. Each section is one large scene with a
   different silhouette: captured session, replay receipt, travelling URI,
   catalog feature, shelf, close. No scroll-triggered movement or reflow. */
.section-anchor{position:absolute;inset:0 auto auto 0;scroll-margin-top:80px}
.section-number{display:block;margin-bottom:18px;font-size:11px;letter-spacing:.12em;opacity:.52}

.landing-hero-static{padding:clamp(25px,3.4vw,50px) clamp(24px,4.2vw,62px) clamp(40px,5vw,72px)}
.landing-hero-static .hero-message{padding:clamp(34px,5.2vw,78px) 0 clamp(30px,4.2vw,62px)}
.landing-hero-static .hero-h1{max-width:15.5ch;margin:0;font-size:clamp(54px,7vw,108px);line-height:.9;letter-spacing:-.055em}
.landing-hero-static .hero-h1 span{white-space:normal}
.landing-hero-static .hero-dek{max-width:57ch;margin:26px 0 0;font-size:clamp(18px,1.55vw,23px)}
.landing-hero-static .herocta{width:100%;margin:28px 0 0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}
.landing-hero-static .herocta .btn2{min-height:49px;padding-inline:20px}

.capture-scene{display:grid;grid-template-columns:minmax(0,.96fr) 88px minmax(340px,1.04fr);gap:0;align-items:stretch;
  min-height:620px;margin:0 8px 0 0;border:1.5px solid var(--ink);box-shadow:11px 11px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
.capture-terminal{display:flex;flex-direction:column;padding:clamp(22px,2.6vw,38px);background:var(--slate);color:var(--bone-t)}
.capture-head{display:flex;justify-content:space-between;gap:2ch;align-items:center;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid color-mix(in srgb,currentColor 32%,transparent)}
.capture-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.capture-live{font:750 9px/1.3 var(--mono);letter-spacing:.08em;color:#9bd8a8}
.capture-frame-count{min-width:5.5ch;font:700 8px/1 var(--mono);letter-spacing:.05em;text-align:right;opacity:.5}
.capture-toggle{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--bone-t) 50%,transparent);border-radius:50%;background:transparent;color:var(--bone-t);font:800 11px/1 var(--mono);cursor:pointer}
.capture-toggle:hover,.capture-toggle:focus-visible{background:var(--marigold);border-color:var(--marigold);color:var(--ink);outline:none}
.capture-command{padding:15px 17px;border:1px solid color-mix(in srgb,var(--marigold) 45%,transparent);color:var(--marigold);font-size:clamp(12px,1.15vw,16px);overflow-wrap:anywhere}
.capture-command b{margin-right:1ch}.capture-command.save{margin-top:auto;background:var(--marigold);color:var(--ink);border-color:var(--marigold)}
.capture-command.capture-explore{margin-bottom:7px;border-top:0;color:var(--bone-t)}
.capture-note{padding:9px 17px 22px;font-size:11px;opacity:.56}
.capture-user-question{padding:16px 17px;margin-bottom:12px;border-left:4px solid var(--marigold);background:color-mix(in srgb,var(--bone-t) 7%,transparent)}
.capture-user-question span,.capture-save-prompt span{display:block;margin-bottom:8px;font:800 8px/1 var(--mono);letter-spacing:.09em;color:var(--marigold)}
.capture-user-question b{display:block;max-width:48ch;font:650 clamp(14px,1.2vw,17px)/1.4 var(--sans)}
.capture-agent-turn{display:grid;grid-template-columns:7.5ch minmax(0,1fr);gap:1.2ch;padding:11px 4px 14px}.capture-agent-turn span{font:800 9px/1.3 var(--mono);letter-spacing:.07em;color:#9bd8a8}.capture-agent-turn b{font:550 12px/1.4 var(--mono);opacity:.76}
.capture-log{display:grid;grid-template-columns:7.5ch minmax(0,1fr) auto;gap:1.2ch;align-items:center;padding:14px 4px;border-top:1px dotted color-mix(in srgb,currentColor 25%,transparent)}
.capture-log>span{font:700 11px/1 var(--mono);color:#9bd8a8}.capture-log>b{font:600 clamp(13px,1.2vw,17px)/1.35 var(--sans)}
.capture-log>i{font:650 9px/1.3 var(--mono);font-style:normal;letter-spacing:.06em;opacity:.5;text-transform:uppercase}
.capture-log.rejected{opacity:.42}.capture-log.rejected>span{color:var(--marigold)}.capture-log.rejected>b{text-decoration:line-through}
.capture-log.compact{padding-block:10px}.capture-query{padding:15px 17px;border:1px solid color-mix(in srgb,var(--marigold) 45%,transparent);color:var(--bone-t);font-size:clamp(12px,1.15vw,16px);overflow-wrap:anywhere}.capture-query b{margin-right:1ch;color:var(--marigold)}
.capture-save-prompt{position:relative;padding:16px 74px 16px 17px;margin-top:auto;border:1px solid color-mix(in srgb,var(--marigold) 58%,transparent);background:color-mix(in srgb,var(--marigold) 9%,transparent)}
.capture-save-prompt b{display:block;font:650 clamp(13px,1.1vw,16px)/1.4 var(--sans)}.capture-save-prompt em{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:9px 11px;background:var(--marigold);color:var(--ink);font:850 8px/1 var(--mono);font-style:normal;letter-spacing:.08em}
.capture-keep{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:color-mix(in srgb,var(--marigold) 18%,var(--bone));border-inline:1.5px solid var(--ink)}
.capture-keep span{font:800 8px/1 var(--mono);letter-spacing:.08em;writing-mode:vertical-rl;transform:rotate(180deg)}
.capture-keep b{font:850 30px/1 var(--mono)}
.capture-object{display:flex;min-width:0;flex-direction:column;padding:clamp(20px,2.5vw,36px);background:var(--bone)}
.capture-object-head{display:flex;justify-content:space-between;gap:2ch;padding-bottom:12px;border-bottom:1px solid currentColor}
.capture-cover{position:relative;width:min(100%,440px);margin:auto}.capture-cover .play-cover{width:100%}.capture-cover .cover-play{width:76px;height:76px;right:22px;bottom:22px;font-size:24px;background:var(--ink);color:var(--bone-t);border-color:var(--bone)}.capture-cover .cover-play:hover{background:var(--ember);color:#fff}
.capture-checks{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid currentColor;margin:18px 0 14px}
.capture-checks span{padding:9px 7px;border-left:1px solid currentColor;font:750 7px/1.3 var(--mono);letter-spacing:.05em;text-align:center}
.capture-checks span:first-child{border-left:0}.capture-checks span:before{content:'✓';margin-right:.55ch;color:#278b5f}
.capture-uri .catalog-uri{padding:10px 0 0;border-top:1px solid currentColor}.capture-uri .barcode{display:none}.capture-uri .mono{font-size:9px}

/* Playback adds a marker; it never fades or blurs the proof. */
.capture-scene [data-capture-step]{transition:box-shadow .28s ease}
.capture-scene[data-frame="0"] [data-capture-step="0"],.capture-scene[data-frame="1"] [data-capture-step="1"],
.capture-scene[data-frame="2"] [data-capture-step="2"],.capture-scene[data-frame="3"] [data-capture-step="3"]{box-shadow:inset 3px 0 0 var(--marigold)}
.capture-scene[data-frame="3"] .capture-command.save{box-shadow:7px 7px 0 color-mix(in srgb,#000 27%,transparent)}
.capture-scene[data-frame="3"] .capture-object{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--marigold) 72%,transparent)}
.capture-scene[data-frame="2"] .capture-log.rejected{opacity:.82}

/* Hero live screen: a stable Cowork-style canvas with a focused agent pane.
   Playback changes state inside the frame; it never moves or resizes the page. */
.live-play-demo{margin:0 9px 0 0;border:1.5px solid var(--ink);background:var(--bone);color:var(--ink);box-shadow:11px 11px 0 color-mix(in srgb,var(--ink) 22%,transparent);overflow:hidden}
.live-demo-bar{height:58px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:0 18px;background:color-mix(in srgb,var(--bone) 92%,#fff);border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.live-window-dots,.live-agent-dots{display:flex;gap:7px}.live-window-dots i,.live-agent-dots i{display:block;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--ink) 25%,transparent)}
.live-demo-tabs{display:flex;justify-content:center;gap:8px}.live-mode{padding:8px 13px;border:0;background:transparent;color:var(--ink);font:800 9px/1 var(--mono);letter-spacing:.08em;cursor:pointer;opacity:.42}.live-mode.active{background:var(--ink);color:var(--bone-t);opacity:1}.live-mode:focus-visible{outline:2px solid var(--marigold);outline-offset:2px}
.live-demo-toggle{min-width:126px;height:40px;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 10px;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);background:var(--bone);color:var(--ink);cursor:pointer}.live-demo-toggle>b{min-width:38px;font:850 8px/1 var(--mono);letter-spacing:.08em;text-align:center}
.live-glyph,.live-agent-state{display:flex;align-items:center;gap:3px}.live-glyph i,.live-agent-state i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.22;animation:none}.live-glyph i:nth-child(2),.live-glyph i:nth-child(6){width:8px;height:8px}.live-glyph i:nth-child(3),.live-glyph i:nth-child(5){width:10px;height:10px}.live-glyph i:nth-child(4){width:12px;height:12px}
.live-play-demo[data-playing="true"] .live-glyph i,.live-play-demo[data-playing="true"] .live-agent-state i{animation:live-glyph 1.2s ease-in-out infinite alternate}.live-play-demo[data-playing="true"] .live-glyph i:nth-child(2),.live-play-demo[data-playing="true"] .live-agent-state i:nth-child(2){animation-delay:.1s}.live-play-demo[data-playing="true"] .live-glyph i:nth-child(3),.live-play-demo[data-playing="true"] .live-agent-state i:nth-child(3){animation-delay:.2s}.live-play-demo[data-playing="true"] .live-glyph i:nth-child(4),.live-play-demo[data-playing="true"] .live-agent-state i:nth-child(4){animation-delay:.3s}.live-play-demo[data-playing="true"] .live-glyph i:nth-child(5),.live-play-demo[data-playing="true"] .live-agent-state i:nth-child(5){animation-delay:.4s}
@keyframes live-glyph{to{opacity:1;transform:translateY(-2px)}}
.live-demo-body{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:750px;background:#d8d8d4}
.live-sidebar{display:flex;min-width:0;flex-direction:column;padding:22px 15px 17px;background:color-mix(in srgb,var(--bone) 94%,#fff);border-right:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.live-side-brand{display:flex;gap:10px;align-items:center;padding-bottom:20px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.live-side-brand>b{font:750 12px/1.2 var(--sans)}.live-cowork-mark{font:850 16px/1 var(--sans)}
.live-side-label{margin:22px 5px 10px;font:750 7px/1 var(--mono);letter-spacing:.1em;opacity:.45}.live-tree{display:flex;flex-direction:column;gap:3px}.live-tree>span{padding:10px 8px;font:600 10.5px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.55}.live-tree>span i{display:inline-block;width:19px;font-style:normal;opacity:.62}.live-tree>span.active{background:color-mix(in srgb,var(--marigold) 22%,transparent);opacity:1;font-weight:750}
.live-side-bottom{display:flex;gap:7px;align-items:center;margin-top:auto;padding:12px 6px 0;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);font:750 7px/1 var(--mono);letter-spacing:.08em}.live-status-dot{width:7px;height:7px;border-radius:50%;background:#278b5f;box-shadow:0 0 0 4px color-mix(in srgb,#278b5f 15%,transparent)}
.live-canvas-stage{display:grid;min-width:0}.live-canvas{grid-area:1/1;min-width:0;padding:28px 30px 30px 61%;transition:opacity .35s ease,visibility .35s ease}.live-canvas-head{display:grid;grid-template-columns:auto 1fr auto;gap:2ch;align-items:center;padding-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font:750 8px/1.2 var(--mono);letter-spacing:.07em}.live-canvas-head>b{text-align:center}.live-canvas-head>small{font:750 7px/1 var(--mono);color:#278b5f}
.live-canvas-question{margin-top:27px;padding:18px 20px;background:var(--bone);border-left:5px solid var(--marigold);box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 13%,transparent)}.live-canvas-question>span{display:block;margin-bottom:10px;font:800 7px/1 var(--mono);letter-spacing:.09em;color:var(--ember)}.live-canvas-question>b{font:720 clamp(15px,1.45vw,21px)/1.35 var(--sans)}
.live-source-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:25px}.live-source-row>span{min-height:86px;display:flex;flex-direction:column;justify-content:center;padding:12px;background:var(--bone);border:1px solid color-mix(in srgb,var(--ink) 38%,transparent)}.live-source-row>span i{font:750 7px/1 var(--mono);font-style:normal;opacity:.42}.live-source-row>span b{margin:9px 0 5px;font:800 9px/1.2 var(--mono);letter-spacing:.05em}.live-source-row>span small{font:550 9px/1.3 var(--sans);opacity:.55}.live-source-row>em{font:850 16px/1 var(--mono);font-style:normal;color:#278b5f}
.live-canvas-result{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border:1px solid var(--ink);background:var(--ink);gap:1px}.live-canvas-result>span{display:flex;flex-direction:column;padding:14px 13px;background:var(--bone)}.live-canvas-result>span.warn{background:var(--marigold)}.live-canvas-result b{font:850 clamp(25px,2.8vw,42px)/1 var(--sans)}.live-canvas-result small{margin-top:5px;font:750 7px/1 var(--mono);letter-spacing:.07em}
.live-save-card{position:relative;margin-top:25px;padding:16px 64px 16px 16px;background:var(--slate);color:var(--bone-t);border:1px solid var(--ink)}.live-save-card>span{display:block;margin-bottom:7px;font:800 7px/1 var(--mono);letter-spacing:.08em;color:var(--marigold)}.live-save-card>b{font:650 13px/1.35 var(--sans)}.live-save-card>em{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:9px;background:var(--marigold);color:var(--ink);font:850 8px/1 var(--mono);font-style:normal}
.live-minted-play{display:grid;grid-template-columns:115px minmax(0,1fr);gap:18px;align-items:center;margin-top:25px;padding:14px;background:color-mix(in srgb,var(--marigold) 22%,var(--bone));border:1.5px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.live-mint-cover .play-cover{width:100%}.live-mint-copy{min-width:0}.live-mint-copy>b{display:block;margin:9px 0 12px;font:800 clamp(20px,2vw,29px)/1 var(--sans);letter-spacing:-.025em}.live-mint-copy .catalog-uri{padding:9px 0 0;border-top:1px solid currentColor}.live-mint-copy .barcode,.live-mint-copy .ta{display:none}.live-mint-copy .mono{font-size:8px}
.live-use-cover{width:min(100%,420px);margin:27px 0 0}.live-use-cover>.play-cover{width:100%}.live-use-uri{margin-top:14px}.live-use-uri .catalog-uri{padding:10px 0;border-block:1px solid currentColor}.live-use-uri .barcode{display:none}.live-use-uri .mono{font-size:9px}.live-output-card{margin-top:25px;background:var(--bone);border:1.5px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.live-output-head,.live-output-foot{display:flex;justify-content:space-between;gap:2ch;align-items:center;padding:10px 12px;font:750 7.5px/1.2 var(--mono);letter-spacing:.06em}.live-output-head{background:var(--slate);color:var(--bone-t)}.live-output-head>b{color:#9bd8a8}.live-output-numbers{display:grid;grid-template-columns:repeat(3,1fr)}.live-output-numbers>span{padding:13px 12px;border-left:1px solid currentColor;display:flex;flex-direction:column}.live-output-numbers>span:first-child{border-left:0}.live-output-numbers>span.warn{background:var(--marigold)}.live-output-numbers b{font:850 28px/1 var(--sans)}.live-output-numbers small{margin-top:5px;font:750 7px/1 var(--mono)}.live-output-foot{border-top:1px solid currentColor}.live-output-foot>b{text-align:right;font-size:8px}
.live-agent-panel{position:absolute;z-index:4;left:218px;top:30px;bottom:26px;width:min(57%,760px);background:color-mix(in srgb,var(--bone) 97%,#fff);border:1px solid color-mix(in srgb,var(--ink) 28%,transparent);border-radius:10px;box-shadow:0 20px 46px color-mix(in srgb,#000 24%,transparent);overflow:hidden}
.live-agent-head{height:62px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.live-agent-head>div{min-width:0;display:grid;grid-template-rows:auto auto;row-gap:6px}.live-agent-head>div>b{grid-area:1/1;display:block;font:650 12px/1 var(--mono);letter-spacing:.03em}.live-agent-head>div>small{grid-area:2/1;display:block;font:750 6.5px/1 var(--mono);letter-spacing:.08em;opacity:.48}.live-agent-state i{width:6px;height:6px;background:var(--ink);opacity:.25}.live-agent-state i:nth-child(3){width:9px;height:9px}
.live-agent-feed{grid-area:2/1;display:flex;flex-direction:column;padding:10px 20px 16px;overflow:hidden;transition:opacity .35s ease,visibility .35s ease}.live-agent-panel{display:grid;grid-template-rows:62px 1fr}.live-agent-head{grid-row:1}.live-agent-feed{grid-row:2}
.live-turn{position:relative;padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--ink) 13%,transparent);transition:opacity .28s ease,transform .28s ease,background .28s ease}.live-turn-who{display:block;margin-bottom:7px;font:800 7px/1 var(--mono);letter-spacing:.09em;color:#278b5f}.live-turn>b{display:block;font:600 clamp(11.5px,1.05vw,14px)/1.38 var(--sans);overflow-wrap:anywhere}.live-turn>small{display:block;margin-top:7px;font:500 9px/1.4 var(--mono)}.live-turn.user{margin:3px 0 5px;padding:13px 15px;background:color-mix(in srgb,#75aef2 13%,var(--bone));border-left:4px solid #75aef2}.live-turn.user .live-turn-who{color:#397bb7}.live-turn.user>b{font-size:clamp(13px,1.25vw,17px)}.live-turn.agent{padding-left:12px}.live-turn.prompt{margin-top:5px;background:color-mix(in srgb,var(--marigold) 16%,transparent);border:1px solid color-mix(in srgb,var(--marigold) 72%,var(--ink))}.live-turn.prompt .live-turn-who{color:#9b651c}.live-turn.success{margin-top:7px;background:#d7eddd;border:1px solid color-mix(in srgb,#278b5f 50%,var(--ink))}.live-turn.success .live-turn-who{color:#278b5f}
.live-tool{display:block;margin-top:9px;background:#183c3a;color:var(--bone-t);border:1px solid #102c2a}.live-tool>em{display:block;padding:6px 9px;background:#102c2a;color:#9bd8a8;font:800 6.5px/1 var(--mono);font-style:normal;letter-spacing:.09em}.live-tool>code{display:block;padding:9px 10px 7px;color:#f0cc55;font:550 clamp(9px,.82vw,11px)/1.45 var(--mono);overflow-wrap:anywhere}.live-tool>i{display:block;padding:0 10px 8px;color:#9bd8a8;font:750 7px/1.3 var(--mono);font-style:normal;letter-spacing:.04em}.live-tool>i+code{padding-top:8px;border-top:1px solid color-mix(in srgb,var(--bone-t) 13%,transparent)}.live-approve{display:flex;justify-content:center;padding:8px 10px;background:var(--marigold);color:var(--ink);font:850 7.5px/1 var(--mono);letter-spacing:.06em}.live-uri-result{display:block;padding:8px 10px;border:1px solid currentColor;background:var(--bone);font:650 8.5px/1.35 var(--mono);overflow-wrap:anywhere}.live-credential{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;background:var(--marigold);color:var(--ink);font:850 7.5px/1.2 var(--mono);letter-spacing:.04em}.live-credential i{font:650 6.5px/1.2 var(--mono);font-style:normal;opacity:.62}
.live-tool>em:has(button){display:flex;justify-content:space-between;gap:12px;align-items:center}.live-tool>em button{padding:0;border:0;background:transparent;color:var(--bone-t);font:800 6.5px/1 var(--mono);letter-spacing:.06em;cursor:pointer}.live-tool>em button:hover{text-decoration:underline;text-underline-offset:3px}
.live-play-uri-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;background:var(--bone);border:1px solid var(--ink);box-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 16%,transparent)}.live-play-uri-card .catalog-uri{min-width:0;gap:12px}.live-play-uri-card .barcode{display:block!important;width:74px;height:30px;flex:none}.live-play-uri-card .mono{font:600 8.5px/1.25 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-play-uri-card>button{align-self:stretch;padding:0 10px;border:0;border-left:1px solid currentColor;background:transparent;color:var(--ink);font:800 6.5px/1.15 var(--mono);letter-spacing:.06em;white-space:nowrap;cursor:pointer}.live-play-uri-card>button:hover{background:var(--marigold)}
.live-play-demo [data-live-step]{opacity:.08;transform:translateY(2px)}.live-play-demo [data-live-step].done{opacity:.78;transform:none}.live-play-demo [data-live-step].active{opacity:1;transform:none}.live-play-demo .live-canvas [data-live-step].done{opacity:.42}.live-play-demo .live-canvas [data-live-step].active{box-shadow:0 0 0 2px color-mix(in srgb,var(--marigold) 72%,transparent),6px 6px 0 color-mix(in srgb,var(--ink) 13%,transparent)}
.live-play-demo[data-overview="true"] [data-live-step],.live-play-demo[data-overview="true"] .live-canvas [data-live-step]{opacity:1;transform:none}.live-play-demo[data-overview="true"] [data-live-step]{box-shadow:none}
.live-play-demo[data-mode="create"] .live-use,.live-play-demo[data-mode="use"] .live-create{visibility:hidden;opacity:0;pointer-events:none}.live-play-demo[data-mode="create"] .live-create,.live-play-demo[data-mode="use"] .live-use{visibility:visible;opacity:1}
.live-demo-footer{min-height:64px;display:grid;grid-template-columns:minmax(220px,1fr) auto 120px 7ch;gap:18px;align-items:center;padding:10px 18px;background:var(--slate);color:var(--bone-t)}.live-demo-footer>p{font:550 12px/1.35 var(--sans)}.live-demo-controls{display:flex;align-items:center;gap:12px}.live-demo-controls button{height:32px;padding:0 11px;border:1px solid color-mix(in srgb,var(--bone-t) 42%,transparent);background:transparent;color:inherit;font:800 8px/1 var(--mono);letter-spacing:.08em;cursor:pointer}.live-demo-controls button:hover{background:color-mix(in srgb,var(--bone-t) 10%,transparent)}.live-demo-controls label{display:grid;grid-template-columns:auto 86px 3ch;gap:8px;align-items:center;font:750 7px/1 var(--mono);letter-spacing:.08em}.live-demo-controls input{width:86px;accent-color:var(--marigold)}.live-demo-controls output{font:750 8px/1 var(--mono);color:var(--marigold)}.live-demo-progress{height:3px;background:color-mix(in srgb,var(--bone-t) 22%,transparent)}.live-demo-progress>i{display:block;width:0;height:100%;background:var(--marigold);transition:width .08s linear}.live-demo-footer>.mono{font-size:8px;text-align:right;opacity:.68;white-space:nowrap}

.replay-stage{overflow:hidden}.replay-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.55fr);gap:clamp(45px,8vw,130px);align-items:end;margin-bottom:clamp(42px,6vw,90px)}
.replay-heading h2{max-width:14ch;margin:0;font-size:clamp(47px,6vw,92px)}
.replay-heading p{max-width:43ch;margin:0 0 5px;font:500 clamp(17px,1.5vw,21px)/1.55 var(--sans)}
.replay-scene{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(18px,3vw,42px);align-items:stretch}
.replay-player{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:0;min-height:430px;background:var(--bone);color:var(--ink);border:1.5px solid var(--ink);box-shadow:9px 9px 0 color-mix(in srgb,#000 24%,transparent)}
.replay-sleeve{position:relative;display:grid;place-items:center;padding:clamp(18px,2.6vw,34px);background:color-mix(in srgb,var(--marigold) 18%,var(--bone));border-right:1.5px solid var(--ink)}
.replay-sleeve .play-cover{width:100%;max-width:410px}.replay-sleeve .cover-play{width:70px;height:70px;background:var(--ink);color:var(--bone-t)}
.replay-player-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(24px,3.3vw,48px)}
.replay-player-copy h3{font:850 clamp(39px,4.5vw,68px)/.92 var(--sans);letter-spacing:-.045em;text-transform:uppercase;margin:17px 0 13px;overflow-wrap:anywhere}.replay-player-copy>p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.58}
.replay-play{align-self:flex-start;margin:30px 0 22px;font-size:14px;padding:16px 24px}.replay-command{padding:13px 14px;border:1px solid currentColor;font-size:11.5px;overflow-wrap:anywhere}.replay-command b{margin-right:.8ch;color:var(--ember)}
.replay-done{display:flex;justify-content:space-between;gap:2ch;align-items:center;margin-top:18px;padding:15px;background:#9bd8a8;color:var(--ink)}
.replay-done b{font:750 15px/1.3 var(--sans)}
.replay-receipt{display:grid;grid-template-rows:1fr 1fr auto;border:1.5px solid var(--ink);background:var(--bone);color:var(--ink);box-shadow:9px 9px 0 color-mix(in srgb,#000 22%,transparent)}
.replay-receipt>div{display:flex;flex-direction:column;justify-content:center;padding:24px 26px;border-top:1px solid currentColor}
.replay-receipt>div:first-child{border-top:0;background:var(--marigold)}.replay-receipt span{font:850 clamp(48px,5.5vw,84px)/.9 var(--sans);letter-spacing:-.06em}
.replay-receipt b{font:800 13px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}.replay-receipt small{font:500 12px/1.4 var(--sans);margin-top:5px;opacity:.62}
.replay-receipt .replay-action{padding:16px 18px;background:var(--ink);border-color:var(--ink)}.replay-action .btn{width:100%;justify-content:center}
.replay-rule{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:2ch;align-items:center;margin:clamp(40px,5vw,70px) 0 0;padding:15px 0;border-block:1px solid color-mix(in srgb,currentColor 36%,transparent)}
.replay-rule span{font:800 9px/1.3 var(--mono);letter-spacing:.08em;color:var(--marigold)}.replay-rule b{font:650 15px/1.35 var(--sans)}.replay-rule i{font:850 20px/1 var(--mono);font-style:normal;color:var(--marigold)}

/* One idea per screen: replay contrasts rediscovery with the saved path. */
.story-heading{display:grid;grid-template-columns:8ch minmax(0,1fr) minmax(300px,.68fr);gap:clamp(24px,5vw,84px);align-items:end;margin-bottom:clamp(42px,6vw,82px)}
.story-heading .section-number{align-self:start}.story-heading h2{max-width:14ch;margin:0;font-size:clamp(48px,5.9vw,90px)}
.story-heading p{max-width:45ch;margin:0 0 5px;font:500 clamp(17px,1.5vw,21px)/1.55 var(--sans)}
.repeat-stage .story-heading{grid-template-columns:6ch minmax(0,1fr) minmax(340px,.55fr);column-gap:clamp(24px,3.8vw,62px)}
.repeat-stage .repeat-title{max-width:none;font-size:clamp(46px,4.2vw,64px)}.repeat-title>span{display:block;white-space:nowrap}
.repeat-proof{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);margin:0 9px 0 0;border:1.5px solid color-mix(in srgb,var(--bone-t) 65%,transparent);box-shadow:9px 9px 0 color-mix(in srgb,#000 22%,transparent)}
.repeat-proof>div{display:flex;min-width:0;flex-direction:column;padding:clamp(25px,3vw,44px)}
.repeat-proof-head{display:flex;justify-content:space-between;gap:2ch;align-items:center;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,currentColor 34%,transparent)}
.repeat-proof-head>b{font:800 8px/1.25 var(--mono);letter-spacing:.08em;text-align:right}
.repeat-start-over{position:relative;background:color-mix(in srgb,var(--slate) 80%,var(--ink));color:var(--bone-t);overflow:hidden}.repeat-start-over:after{content:"";position:absolute;inset:auto -35px -55px auto;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--bone-t) 8%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--bone-t) 3%,transparent),0 0 0 56px color-mix(in srgb,var(--bone-t) 2%,transparent);pointer-events:none}
.repeat-start-over .repeat-proof-head>b{color:var(--marigold)}
.repeat-request{display:flex;flex-direction:column;gap:9px;margin:28px 0 20px}.repeat-request>span{font:800 8px/1 var(--mono);letter-spacing:.1em;color:var(--marigold)}.repeat-request>b{max-width:18ch;font:750 clamp(22px,2vw,29px)/1.12 var(--sans)}
.repeat-proof ol{position:relative;list-style:none;margin:0;padding:0}.repeat-proof li{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-height:66px;margin-top:9px;padding:11px 14px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:color-mix(in srgb,currentColor 4%,transparent)}
.repeat-proof li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;font:800 8px/1 var(--mono);letter-spacing:.06em;opacity:.58}.repeat-proof li>b{font:650 clamp(14px,1.25vw,17px)/1.3 var(--sans)}.repeat-start-over li{opacity:.69;border-style:dashed}.repeat-start-over li>span{border-radius:50%}
.repeat-cost{position:relative;z-index:1;display:flex;justify-content:space-between;gap:2ch;margin-top:auto;padding:23px 0 2px;border-top:1px solid color-mix(in srgb,var(--marigold) 45%,transparent);font:800 8px/1.3 var(--mono);letter-spacing:.08em;color:var(--marigold)}
.repeat-cost span{text-align:right;opacity:.72}
.repeat-saved{background:var(--bone);color:var(--ink)}.repeat-saved .repeat-proof-head>b{color:#278b5f}
.repeat-command{margin:28px 0 16px;background:var(--ink);color:var(--bone-t);overflow:hidden}.repeat-command>span{display:block;padding:8px 15px;background:color-mix(in srgb,var(--ink) 86%,#fff);font:800 7px/1 var(--mono);letter-spacing:.09em;color:#9bd8a8}.repeat-command>code{display:block;padding:15px 17px;font:550 clamp(12px,1.15vw,16px)/1.35 var(--mono);overflow-wrap:anywhere}.repeat-command>code>b{margin-right:1ch;color:var(--marigold)}
.repeat-saved ol:before{content:"";position:absolute;z-index:0;left:31px;top:34px;bottom:34px;border-left:2px solid #55a778}.repeat-saved li{grid-template-columns:42px minmax(0,1fr) auto;border-color:color-mix(in srgb,#278b5f 33%,transparent);background:color-mix(in srgb,#9bd8a8 11%,var(--bone))}.repeat-saved li>span{background:var(--bone);color:#278b5f;border-color:#278b5f}.repeat-saved li>b{font-weight:720}.repeat-saved li>small{font:700 8px/1.3 var(--mono);letter-spacing:.06em;text-align:right;opacity:.55;text-transform:uppercase}
.repeat-result{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);gap:24px;align-items:center;margin-top:24px;padding:18px 20px;background:#9bd8a8;border-top:1px solid var(--ink)}
.repeat-result>span{display:flex;flex-direction:column;gap:7px}.repeat-result>span>b{font:850 9px/1 var(--mono);letter-spacing:.09em}.repeat-result>span>small{font:650 12.5px/1.3 var(--sans)}
.repeat-token-metric{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;text-align:left}.repeat-token-metric>span:last-child{display:flex;flex-direction:column;gap:5px}.repeat-token-metric>span:last-child>b{font:850 clamp(22px,2.2vw,34px)/.92 var(--sans);letter-spacing:-.035em}.repeat-token-metric>span:last-child>small{font:750 8px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}.repeat-zero{position:relative;display:grid!important;place-items:center;width:68px;height:68px;border:2px solid currentColor;border-radius:50%;font:900 48px/1 var(--mono)!important;font-feature-settings:"zero" 1,"tnum" 1;letter-spacing:0!important}.repeat-zero:after{content:"";position:absolute;width:46px;border-top:3px solid currentColor;transform:rotate(-58deg)}
.repeat-definition{display:grid;grid-template-columns:auto auto auto auto auto auto minmax(130px,1fr);gap:clamp(12px,2vw,28px);align-items:center;margin-top:clamp(32px,4vw,54px);padding:18px 0;border-block:1px solid color-mix(in srgb,currentColor 38%,transparent)}
.repeat-definition>b{font:700 clamp(14px,1.35vw,18px)/1.25 var(--sans)}.repeat-definition>i{font:800 18px/1 var(--mono);font-style:normal;color:var(--marigold)}.repeat-definition>a{justify-self:end;color:inherit;font:800 9px/1.3 var(--mono);letter-spacing:.07em;text-underline-offset:4px}

/* Sharing is shown as one portable object, followed by three plain actions. */
.share-simple-stage{padding-block:clamp(52px,7vw,104px)!important}.share-link-proof{max-width:1180px;margin:0 auto;padding:clamp(27px,4vw,56px);background:color-mix(in srgb,var(--marigold) 12%,var(--bone));border:1.5px solid currentColor;box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.share-link-proof .share-ticket .ticket{margin:0;padding:18px 20px;background:var(--bone);box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
.share-link-proof .share-ticket .uri{font-size:clamp(13px,1.45vw,20px)}.share-link-proof .share-ticket .barcode{height:36px;width:13ch}
.share-transfer{display:grid;grid-template-columns:1fr auto 1.15fr auto 1.4fr;gap:clamp(10px,2vw,25px);align-items:center;margin:clamp(32px,4vw,52px) 0}
.share-transfer>span{display:flex;min-height:82px;flex-direction:column;justify-content:center;padding:16px 18px;border:1px solid currentColor;background:var(--bone)}.share-transfer>span small{font:750 8px/1.2 var(--mono);letter-spacing:.08em;opacity:.5}.share-transfer>span b{margin-top:8px;font:800 clamp(14px,1.55vw,21px)/1.08 var(--sans)}
.share-transfer>i{font:850 22px/1 var(--mono);font-style:normal}.share-transfer .share-transfer-link{background:var(--marigold)}
.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1.5px solid var(--ink)}
.share-action{display:grid;grid-template-columns:4ch minmax(0,1fr);gap:9px 15px;min-height:166px;padding:22px 21px;background:var(--bone)}.share-action:nth-child(2){background:color-mix(in srgb,var(--marigold) 25%,var(--bone))}.share-action:nth-child(3){background:var(--marigold)}
.share-action>span{grid-row:1/3;font:750 9px/1.3 var(--mono);opacity:.48}.share-action>b{font:800 clamp(23px,2.2vw,32px)/1 var(--sans);letter-spacing:-.025em}.share-action>p{max-width:28ch;font:500 13.5px/1.48 var(--sans)}
.share-playbook-line{display:flex;justify-content:space-between;gap:3ch;align-items:baseline;margin-top:30px;padding-top:18px;border-top:1px solid currentColor}.share-playbook-line>b{font:800 clamp(22px,2.5vw,35px)/1 var(--sans);letter-spacing:-.035em}.share-playbook-line>span{font:550 15px/1.45 var(--sans)}
.share-community{display:flex;justify-content:space-between;gap:4ch;align-items:center;max-width:1180px;margin:clamp(35px,5vw,66px) auto 0}.share-community>p{max-width:52ch;font:550 16px/1.5 var(--sans)}.share-community>nav{display:flex;gap:2.2ch;align-items:center;flex-wrap:wrap}.share-community .lnk{color:inherit}

.share-stage{padding-block:clamp(52px,7vw,104px)!important}.share-heading{display:grid;grid-template-columns:8ch minmax(0,1fr) minmax(300px,.65fr);gap:clamp(24px,5vw,84px);align-items:end;margin-bottom:clamp(55px,8vw,120px)}
.share-heading .section-number{align-self:start}.share-heading h2{max-width:13ch;margin:0;font-size:clamp(50px,6.3vw,96px)}
.share-heading p{max-width:44ch;margin:0 0 5px;font:500 clamp(17px,1.5vw,21px)/1.55 var(--sans)}
.share-object{max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,58px);background:color-mix(in srgb,var(--marigold) 13%,var(--bone));border:1.5px solid currentColor;box-shadow:10px 10px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.playbook-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(230px,.85fr);gap:clamp(14px,2vw,28px);align-items:end;margin-bottom:clamp(38px,5vw,65px)}
.playbook-proof>a{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none}.playbook-proof>a>span{display:block}.playbook-proof .play-cover{width:100%;transition:none}.playbook-proof>a>b{margin-top:12px;font:800 clamp(14px,1.35vw,19px)/1.08 var(--sans);overflow-wrap:anywhere}.playbook-proof>a>small{margin-top:5px;font:700 8px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;opacity:.52}
.playbook-proof-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 8px clamp(4px,1.5vw,20px);border-left:1px solid currentColor}.playbook-proof-copy>b{margin:18px 0 12px;font:800 clamp(28px,3.2vw,46px)/.98 var(--sans);letter-spacing:-.04em}.playbook-proof-copy>p{font:500 13px/1.5 var(--sans);max-width:30ch}
.share-ticket .ticket{margin:0;padding:18px 20px;box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
.share-ticket .ticket .uri{font-size:clamp(13px,1.4vw,19px)}.share-ticket .ticket .barcode{height:34px;width:13ch}
.share-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:1.4ch;align-items:center;margin-top:42px}
.share-rail span{padding:14px 12px;border:1px solid currentColor;background:var(--bone);font:800 10px/1.25 var(--mono);letter-spacing:.07em;text-align:center}
.share-rail span b{margin-right:.7ch;color:var(--ember)}.share-rail i{font:850 19px/1 var(--mono);font-style:normal}
.share-memory{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:clamp(42px,6vw,82px) auto 0;border-top:1.5px solid currentColor}
.share-memory>div{padding:clamp(26px,3vw,43px) clamp(4px,3vw,44px) 0}.share-memory>div+div{border-left:1.5px solid currentColor}
.share-memory h3{font:800 clamp(26px,3vw,43px)/1.05 var(--sans);letter-spacing:-.03em;margin:24px 0 11px}.share-memory p{font:500 15.5px/1.55 var(--sans);max-width:43ch}
.share-memory nav{display:flex;gap:2.2ch;flex-wrap:wrap;margin-top:22px}.share-memory a{color:inherit;font:750 10px/1.3 var(--mono);letter-spacing:.07em;text-decoration:underline;text-underline-offset:4px}

.breadth-stage{padding-block:clamp(46px,5.5vw,78px)!important}
.breadth-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);gap:clamp(32px,7vw,120px);align-items:end;margin-bottom:clamp(30px,4vw,52px)}
.breadth-heading h2{max-width:20ch;margin:0;font-size:clamp(34px,3.2vw,48px);line-height:1}.breadth-heading p{max-width:47ch;margin:0 0 3px;font:500 clamp(15px,1.2vw,18px)/1.55 var(--sans)}
.breadth-shelf{display:grid;grid-template-columns:1.06fr repeat(3,.94fr);gap:clamp(14px,2vw,26px);align-items:end;width:min(100%,1380px);margin-inline:auto}
.breadth-play{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none}.breadth-play .play-cover{width:100%;margin-bottom:13px;transition:none}
.breadth-play .cover-title{max-width:100%;font-size:clamp(18px,1.55vw,28px);line-height:.92;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.breadth-play-1 .cover-title{font-size:clamp(21px,1.85vw,34px)}
.breadth-play>.lab{font-size:7.5px;opacity:.52}.breadth-play>b{font:800 clamp(15px,1.5vw,22px)/1.08 var(--sans);letter-spacing:-.02em;margin-top:7px;overflow-wrap:anywhere}
.breadth-play>small{font:500 10.5px/1.42 var(--sans);opacity:.62;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.breadth-play-2{padding-bottom:18px}.breadth-play-3{padding-bottom:34px}.breadth-play-4{padding-bottom:10px}
.breadth-action{display:flex;justify-content:flex-start;align-items:center;width:min(100%,1380px);margin:24px auto 0}

.hero-compatibility{display:grid;grid-template-columns:minmax(185px,1.15fr) minmax(0,6.85fr);align-items:stretch;margin-top:clamp(22px,2.8vw,36px);border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.hero-compatibility-label{display:flex;min-height:78px;flex-direction:column;justify-content:center;gap:8px;padding:0 clamp(18px,2vw,28px) 0 0;white-space:nowrap}.hero-compatibility-label .lab{font-size:9px}.hero-compatibility-label .lab:last-child{opacity:.56}
.hero-compatibility .hero-harnesses{display:grid;min-width:0;padding:0}
.hero-compatibility .harness-dock-items{height:100%;gap:0}
.hero-compatibility .harness-brand{grid-template-columns:31px minmax(0,auto);justify-content:center;align-content:center;gap:9px;min-height:78px;padding:12px;border-left:1px solid color-mix(in srgb,var(--ink) 12%,transparent);opacity:.84}
.hero-compatibility .harness-brand:hover{opacity:.84}
.hero-compatibility .harness-mark{width:27px;height:27px}.hero-compatibility .harness-mark svg{width:23px;height:23px}
.hero-compatibility .harness-brand b{font-size:10.5px;line-height:1.15}
.hero-compatibility .agent-letter{width:23px;height:23px;border-radius:2px;font-size:12px}
.hero-compatibility .buzz-mark{transform:scale(1.16)}

.compatibility-stage{display:grid;grid-template-columns:minmax(300px,.56fr) minmax(0,1.44fr);gap:clamp(28px,4.5vw,72px);align-items:start;padding-block:clamp(38px,4.5vw,62px)!important;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}
.compatibility-copy h2{max-width:15ch;margin:13px 0 14px;font:800 clamp(36px,4vw,60px)/.96 var(--sans);letter-spacing:-.04em}.compatibility-copy p{max-width:43ch;font:500 clamp(15px,1.25vw,18px)/1.5 var(--sans);opacity:.74}
.compatibility-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;border-block:1px solid color-mix(in srgb,currentColor 32%,transparent)}
.compatibility-flow>div{padding:22px 18px;min-width:0}.compatibility-flow>div:first-child{padding-left:0}.compatibility-flow>div:last-child{padding-right:0}.compatibility-flow>i{align-self:center;font:700 24px/1 var(--mono);font-style:normal;color:var(--marigold)}
.compatibility-flow span{display:block;font:750 8px/1.3 var(--mono);letter-spacing:.08em;opacity:.55}.compatibility-flow b{display:block;margin:10px 0 8px;font:780 clamp(17px,1.45vw,22px)/1.15 var(--sans)}.compatibility-flow p{font:500 12.5px/1.5 var(--sans);opacity:.68}
.compatibility-tools{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,58px);align-items:center;padding-top:26px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.compatibility-tools-label{display:flex;flex-direction:column;gap:8px;white-space:nowrap}.compatibility-tools-label .lab:last-child{opacity:.55}
.compatibility-stage .hero-harnesses{padding:0}
.compatibility-stage .harness-dock-items{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,1.8vw,28px)}.compatibility-stage .harness-brand{grid-template-columns:38px minmax(0,auto);gap:10px;opacity:.8}.compatibility-stage .harness-brand:hover{opacity:1}.compatibility-stage .harness-mark{width:32px;height:32px}.compatibility-stage .harness-mark svg{width:27px;height:27px}.compatibility-stage .harness-brand b{font-size:11px}.compatibility-stage .agent-letter{width:27px;height:27px;font-size:13px}.compatibility-stage .buzz-mark{transform:scale(1.25)}

.closing-stage{position:relative;z-index:1;display:flex;justify-content:center;padding-block:clamp(72px,9vw,132px)!important;background:transparent;color:var(--ink)}
.closing-float{display:grid;width:min(100%,980px);grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,58px);align-items:center;padding:clamp(32px,4vw,54px);background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:14px;box-shadow:0 2px 0 color-mix(in srgb,#fff 70%,transparent) inset,0 -2px 0 color-mix(in srgb,var(--ink) 8%,transparent) inset,9px 10px 0 color-mix(in srgb,var(--ink) 11%,transparent)}
.closing-float-copy h2{max-width:15ch;margin:0;font-size:clamp(38px,4.5vw,66px);line-height:.96}.closing-float-copy p{max-width:53ch;margin:18px 0 0;font:500 clamp(15px,1.3vw,18px)/1.5 var(--sans);color:var(--muted)}
.closing-float-action .btn{min-width:180px;justify-content:center;white-space:nowrap}
.closing-float-links{grid-column:1/-1;display:flex;gap:clamp(22px,4vw,48px);flex-wrap:wrap;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.closing-float-links a{font:750 10px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}

@media(max-width:1080px){
  .live-demo-body{grid-template-columns:155px minmax(0,1fr)}.live-sidebar{padding-inline:11px}.live-canvas{padding-right:22px;padding-left:64%}.live-agent-panel{left:176px;width:60%}.live-turn{padding-block:9px}.live-turn>b{font-size:11.5px}.live-turn>small{font-size:8.5px}.live-minted-play{grid-template-columns:90px minmax(0,1fr)}
  .capture-scene{grid-template-columns:minmax(0,.9fr) 58px minmax(300px,1.1fr);min-height:500px}.capture-terminal{padding:24px}.capture-log{padding-block:11px}.capture-checks{grid-template-columns:1fr}.capture-checks span{border-left:0;border-top:1px solid currentColor}.capture-checks span:first-child{border-top:0}
  .replay-player{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)}
  .story-heading{grid-template-columns:6ch 1fr;row-gap:20px}.story-heading>p{grid-column:2;margin:0}.story-heading h2{font-size:clamp(44px,6vw,72px)}
  .replay-heading,.share-heading,.breadth-heading{grid-template-columns:6ch 1fr}.replay-heading>p,.share-heading>p,.breadth-heading>p{grid-column:2}.replay-heading>div{display:contents}.replay-heading .section-number{grid-column:1}.replay-heading h2{grid-column:2}
  .share-heading,.breadth-heading{row-gap:20px}.share-heading p,.breadth-heading p{margin:0}
  .breadth-heading{grid-template-columns:1fr}.breadth-heading>p{grid-column:auto}
  .breadth-shelf{grid-template-columns:repeat(2,1fr);align-items:end}.breadth-play-2,.breadth-play-3,.breadth-play-4{padding-bottom:0}
}

@media(max-width:900px){
  .live-demo-body{grid-template-columns:1fr;min-height:750px}.live-sidebar{display:none}.live-canvas{padding-right:22px;padding-left:66%}.live-agent-panel{left:20px;width:62%}
  .capture-scene{display:flex;flex-direction:column;min-height:0}
  .capture-terminal{min-height:510px}
  .capture-keep{min-height:58px;flex-direction:row;border-inline:0;border-block:1.5px solid var(--ink)}
  .capture-keep span{writing-mode:horizontal-tb;transform:none}.capture-keep b{transform:rotate(90deg);font-size:22px}
  .capture-object{min-height:520px}.capture-cover{width:min(100%,390px);margin-block:30px}
  .repeat-proof{grid-template-columns:1fr}.repeat-proof>div{min-height:400px}.repeat-definition{grid-template-columns:1fr auto 1fr auto 1fr}.repeat-definition>.lab,.repeat-definition>a{grid-column:1/-1}.repeat-definition>a{justify-self:start}
  .share-community{align-items:flex-start;flex-direction:column}.share-community>nav{width:100%}
  .hero-compatibility{grid-template-columns:1fr}.hero-compatibility-label{min-height:62px;padding-right:0}.hero-compatibility .harness-dock-items{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-compatibility .harness-brand{min-height:64px}.hero-compatibility .harness-brand:nth-child(5){border-left:0}
  .compatibility-stage{grid-template-columns:1fr}.compatibility-flow{grid-template-columns:1fr}.compatibility-flow>div{padding:20px 0}.compatibility-flow>i{transform:rotate(90deg);justify-self:center}.compatibility-tools{grid-template-columns:1fr;gap:18px}.compatibility-stage .harness-dock-items{grid-template-columns:repeat(4,minmax(0,1fr))}
  .playbook-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.playbook-proof-copy{grid-column:1/-1;border-left:0;border-top:1px solid currentColor;padding:24px 0 0}
}

@media(max-width:760px){
  .landing-page{max-width:100%;overflow:hidden}.landing-page>.pnl{min-width:0}
  .landing-hero-static{padding:22px 18px 34px}.landing-hero-static .hero-platform{display:grid;grid-template-columns:1fr;gap:5px}.landing-hero-static .hero-platform>.lab{text-align:left}
  .landing-hero-static .hero-message{padding:34px 0 30px}.landing-hero-static .hero-h1{max-width:100%;font-size:clamp(44px,13.5vw,56px);line-height:.92;overflow-wrap:normal}.landing-hero-static .hero-dek{font-size:17px;line-height:1.5;margin-top:21px}
  .landing-hero-static .herocta{justify-content:flex-start;align-items:stretch}.landing-hero-static .herocta>*{width:100%;min-width:0}.landing-hero-static .herocta .btn,.landing-hero-static .herocta .btn2{width:100%;justify-content:center;text-align:center;white-space:normal;padding-inline:13px}
  .live-play-demo{margin-right:5px;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 22%,transparent)}.live-demo-bar{height:52px;grid-template-columns:1fr auto;gap:8px;padding:0 9px}.live-window-dots{display:none}.live-demo-tabs{justify-content:flex-start;gap:3px}.live-mode{padding:7px 8px;font-size:7px}.live-demo-toggle{min-width:72px;height:34px;padding-inline:7px}.live-glyph{gap:2px}.live-glyph i{width:4px;height:4px}.live-glyph i:nth-child(2),.live-glyph i:nth-child(6){width:5px;height:5px}.live-glyph i:nth-child(3),.live-glyph i:nth-child(5){width:6px;height:6px}.live-glyph i:nth-child(4){width:7px;height:7px}
  .live-demo-body{display:block;min-height:0;padding:12px}.live-canvas-stage{display:none}
  .live-agent-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:715px;min-height:715px;margin:0;border-radius:8px}.live-agent-feed{padding:6px 11px 12px}.live-turn{padding:9px 10px}.live-turn>b{font-size:10.5px}.live-turn.user>b{font-size:12.5px}.live-turn>small{font-size:8px}.live-tool>code{font-size:8.5px}.live-demo-footer{grid-template-columns:1fr auto;gap:10px 12px;padding:12px}.live-demo-footer>p{grid-column:1/-1;font-size:11.5px}.live-demo-controls{grid-column:1/-1;justify-content:space-between}.live-demo-controls label{grid-template-columns:auto minmax(72px,1fr) 3ch;flex:1;max-width:220px}.live-demo-controls input{width:100%}.live-demo-progress{grid-column:1;grid-row:3}.live-demo-footer>.mono{grid-column:2;grid-row:3}
  .live-play-uri-card{grid-template-columns:1fr;gap:7px}.live-play-uri-card .barcode{width:58px;height:24px}.live-play-uri-card .mono{font-size:7.5px}.live-play-uri-card>button{min-height:25px;border-left:0;border-top:1px solid currentColor}
  .capture-scene{display:flex;flex-direction:column;min-height:0;margin-right:5px;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 22%,transparent)}
  .capture-terminal{min-height:700px;padding:18px}.capture-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.capture-head-actions{width:100%;justify-content:space-between}.capture-live{margin-right:auto}.capture-command,.capture-query{font-size:11.5px;padding:12px}.capture-note{padding-inline:12px}.capture-log{grid-template-columns:7.5ch minmax(0,1fr);gap:.7ch}.capture-log>i{grid-column:2}.capture-command.save{margin-top:26px}.capture-agent-turn{grid-template-columns:7.5ch minmax(0,1fr);gap:.7ch}
  .capture-keep{min-height:58px;flex-direction:row;border-inline:0;border-block:1.5px solid var(--ink)}.capture-keep span{writing-mode:horizontal-tb;transform:none}.capture-keep b{transform:rotate(90deg);font-size:22px}
  .capture-object{padding:18px}.capture-cover{width:min(100%,300px);margin-block:28px}.capture-checks{grid-template-columns:1fr}.capture-checks span{border-left:0;border-top:1px solid currentColor;font-size:7px}.capture-checks span:first-child{border-top:0}
  .story-heading{display:block;margin-bottom:36px}.story-heading .section-number{margin-bottom:13px}.story-heading h2{max-width:100%;margin-bottom:22px;font-size:clamp(42px,12.5vw,58px);line-height:.94!important}.story-heading p{font-size:16px}.repeat-title>span{white-space:normal}
  .repeat-proof{margin-right:5px;box-shadow:6px 6px 0 color-mix(in srgb,#000 22%,transparent)}.repeat-proof>div{min-height:0;padding:22px 18px}.repeat-proof-head{align-items:flex-start;flex-direction:column}.repeat-proof-head>b{text-align:left}.repeat-request{margin-top:24px}.repeat-cost{padding-top:27px}.repeat-saved li{grid-template-columns:42px minmax(0,1fr)}.repeat-saved li>small{grid-column:2;text-align:left}.repeat-result{grid-template-columns:1fr;align-items:start}.repeat-token-metric{text-align:left}.repeat-zero{width:58px;height:58px;font-size:40px!important}.repeat-zero:after{width:39px}.repeat-definition{grid-template-columns:1fr;gap:10px}.repeat-definition>i{transform:rotate(90deg);margin-left:12px}.repeat-definition>a{margin-top:10px}
  .share-simple-stage{padding-block:42px!important}.share-link-proof{padding:18px;margin-right:5px;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.share-link-proof .share-ticket .ticket{padding:13px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 20%,transparent)}.share-link-proof .share-ticket .tacts{width:100%;margin-left:0}.share-link-proof .share-ticket .uri{max-width:100%}
  .share-transfer{grid-template-columns:1fr;gap:8px}.share-transfer>i{justify-self:center;transform:rotate(90deg);font-size:16px}.share-transfer>span{min-height:72px}.share-actions{grid-template-columns:1fr}.share-action{min-height:130px;padding:20px 18px}.share-playbook-line{align-items:flex-start;flex-direction:column}.share-community{margin-top:38px}.share-community>nav{align-items:flex-start;flex-direction:column}.share-community .btn{width:100%;justify-content:center}
  .replay-heading,.share-heading,.breadth-heading{display:block;margin-bottom:38px}.replay-heading .section-number,.share-heading .section-number,.breadth-heading .section-number{margin-bottom:13px}.replay-heading h2,.share-heading h2,.breadth-heading h2{font-size:clamp(42px,13vw,61px);line-height:.94!important;margin-bottom:22px}.replay-heading p,.share-heading p,.breadth-heading p{font-size:16px}
  .breadth-heading h2{font-size:clamp(34px,10vw,48px);line-height:.98!important}
  .replay-scene{grid-template-columns:1fr;gap:18px}.replay-player{grid-template-columns:1fr;min-height:0}.replay-sleeve{border-right:0;border-bottom:1.5px solid var(--ink);padding:24px}.replay-sleeve .play-cover{max-width:310px}.replay-player-copy{padding:24px 20px}.replay-player-copy h3{font-size:43px}.replay-play{width:100%;justify-content:center}.replay-done{align-items:flex-start;flex-direction:column}.replay-receipt span{font-size:54px}.replay-rule{grid-template-columns:1fr;gap:8px}.replay-rule i{transform:rotate(90deg);margin:5px 0}.replay-rule span:nth-of-type(2){margin-top:8px}
  .share-stage{padding-block:42px!important}.share-object{padding:18px;margin-right:5px;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.playbook-proof{grid-template-columns:1fr 1fr;gap:22px 12px}.playbook-proof-copy{grid-column:1/-1}.playbook-proof>a>b{font-size:14px}.share-ticket .ticket{padding:13px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 20%,transparent)}.share-ticket .ticket .tacts{width:100%;margin-left:0}.share-ticket .ticket .uri{max-width:100%}
  .share-rail{grid-template-columns:1fr;gap:8px;margin-top:30px}.share-rail i{transform:rotate(90deg);justify-self:center;font-size:15px}.share-memory{grid-template-columns:1fr;margin-top:44px}.share-memory>div{padding:26px 0}.share-memory>div+div{border-left:0;border-top:1.5px solid currentColor}.share-memory h3{margin-top:20px}
  .breadth-shelf{grid-template-columns:1fr 1fr;gap:22px 12px}.breadth-play>b{font-size:16px}.breadth-play>small{font-size:10.5px}.breadth-action{align-items:flex-start;flex-direction:column}
  .hero-compatibility .harness-dock-items{grid-template-columns:1fr 1fr}.hero-compatibility .harness-brand{justify-content:start;min-height:58px;padding:11px 8px}.hero-compatibility .harness-brand:nth-child(odd){border-left:0}.hero-compatibility .harness-brand:nth-child(5){border-left:0}
  .compatibility-stage{padding-block:38px!important}.compatibility-copy h2{font-size:clamp(40px,12vw,56px)}.compatibility-flow b{font-size:20px}.compatibility-flow p{font-size:13px}.compatibility-stage .harness-dock-items{grid-template-columns:1fr 1fr;gap:24px 16px}.compatibility-stage .harness-brand{grid-template-columns:32px minmax(0,1fr)}.compatibility-stage .harness-mark{width:28px;height:28px}.compatibility-stage .harness-mark svg{width:24px;height:24px}
  .closing-stage{padding-block:58px!important}.closing-float{grid-template-columns:1fr;padding:28px 22px;box-shadow:6px 7px 0 color-mix(in srgb,var(--ink) 11%,transparent)}.closing-float-copy h2{font-size:clamp(39px,12vw,54px)}.closing-float-action,.closing-float-action .runpop-host,.closing-float-action .btn{width:100%}.closing-float-links{grid-column:auto;align-items:flex-start;flex-direction:column;gap:15px}
}

/* Paper-white discipline: page sections do not carry colour. Colour belongs
   to play covers and profile portraits; compact controls may still use ink. */
.stack>.pnl{background:var(--surface);color:var(--ink);--f:var(--surface)}
.landing-page .repeat-start-over{background:var(--surface);color:var(--ink)}
.landing-page .repeat-start-over:after{display:none}
.landing-page .repeat-start-over .repeat-proof-head>b,.landing-page .repeat-cost{color:var(--ember)}
.profiles-page .now-playing,.profile-page .artist-live,.play-page .result-stage,.pricing-page .enterprise-band{background:var(--surface);color:var(--ink)}
.now-playing .talent-section-head,.artist-live-title{border-color:color-mix(in srgb,var(--ink) 28%,transparent)}
.now-playing .talent-section-head>p{color:var(--ink)}
.live-board{border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
.live-row{border-color:color-mix(in srgb,var(--ink) 20%,transparent)}
.harness-mix em>b,.artist-harnesses i{background:color-mix(in srgb,var(--ink) 15%,transparent)}
.artist-harnesses>div{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.artist-harnesses strong,.live-meaning b{color:var(--ink)}
.result-sheet{border-color:var(--ink);box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.promotion-stage:nth-child(2),.promotion-stage:nth-child(3),.promotion-stage:nth-child(4),
.price-rung:nth-child(3),.price-rung:nth-child(4),.price-rung:nth-child(5),
.ladder-rung,.rung-0,.rung-1,.rung-2,.rung-3,.closing-paths>div+div{background:var(--surface);color:var(--ink)}
.pricing-page .pricing-economics,.profiles-page .cohort-stage{background:var(--surface)}

/* Paper-scroll landing: outside the play cover itself, the demo is ink,
   stock, rules, and typographic cues. Commands read like clipped field notes
   rather than a colored terminal. */
.landing-page .live-play-demo{background:var(--surface);box-shadow:10px 10px 0 var(--control)}
.landing-page .live-demo-bar,.landing-page .live-sidebar,.landing-page .live-agent-panel,
.landing-page .live-agent-feed,.landing-page .live-canvas{background:var(--surface)}
.landing-page .live-demo-body{background:var(--surface-muted)}
.landing-page .live-mode.active{background:var(--control);color:var(--ink)}
.landing-page .live-mode:focus-visible{outline-color:var(--ink)}
.landing-page .live-tree>span.active{background:var(--surface-muted)}
.landing-page .live-status-dot{background:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 9%,transparent)}
.landing-page .live-canvas-head>small,.landing-page .live-turn-who{color:var(--ink)}
.landing-page .live-canvas-question{background:var(--surface);border-left-color:var(--ink);box-shadow:5px 5px 0 var(--control)}
.landing-page .live-canvas-question>span{color:var(--ink)}
.landing-page .live-source-row>span{background:var(--surface)}
.landing-page .live-source-row>em{color:var(--ink)}
.landing-page .live-canvas-result>span,.landing-page .live-canvas-result>span.warn{background:var(--surface)}
.landing-page .live-save-card{background:var(--surface-muted);color:var(--ink)}
.landing-page .live-save-card>span{color:var(--ink)}
.landing-page .live-save-card>em,.landing-page .live-approve,.landing-page .live-credential{background:var(--control);color:var(--ink)}
.landing-page .live-minted-play,.landing-page .live-output-card{background:var(--surface);box-shadow:6px 6px 0 var(--control)}
.landing-page .live-output-head{background:var(--surface-muted);color:var(--ink)}
.landing-page .live-output-head>b{color:var(--ink)}
.landing-page .live-output-numbers>span,.landing-page .live-output-numbers>span.warn{background:var(--surface)}
.landing-page .live-turn.user,.landing-page .live-turn.prompt,.landing-page .live-turn.success{background:var(--surface-muted);border-color:var(--rule);border-left-color:var(--ink)}
.landing-page .live-turn.user .live-turn-who,.landing-page .live-turn.prompt .live-turn-who,
.landing-page .live-turn.success .live-turn-who{color:var(--ink)}
.landing-page .live-tool{position:relative;background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:3px 3px 0 var(--control)}
.landing-page .live-tool>em{background:var(--surface-muted);color:var(--ink)}
.landing-page .live-tool>code{padding-left:24px;color:var(--ink)}
.landing-page .live-tool>code:before{content:'›';display:inline-block;width:1.5ch;margin-left:-1.5ch;font-weight:900}
.landing-page .live-tool>i{color:color-mix(in srgb,var(--ink) 68%,transparent)}
.landing-page .live-tool>i:before{content:'↳ ';font-weight:900}
.landing-page .live-tool>em button{color:var(--ink)}
.landing-page .live-play-uri-card>button:hover{background:var(--control)}
.landing-page .live-play-demo .live-canvas [data-live-step].active{box-shadow:0 0 0 2px var(--ink),6px 6px 0 var(--control)}
.landing-page .live-demo-footer{grid-template-columns:minmax(210px,1fr) minmax(0,auto) auto;gap:9px 18px;background:var(--surface-muted);color:var(--ink);border-top:1px solid var(--rule)}
.landing-page .live-demo-controls{flex-wrap:wrap;justify-content:flex-end}
.landing-page .live-demo-controls button{border-color:var(--rule);background:var(--surface);color:var(--ink)}
.landing-page .live-demo-controls button:hover{background:var(--control)}
.landing-page .live-demo-controls input{accent-color:var(--ink)}
.landing-page .live-demo-controls output{color:var(--ink)}
.landing-page .live-demo-keys{grid-column:1/3;display:flex;align-items:center;gap:13px;flex-wrap:wrap;font:700 6.5px/1.2 var(--mono);letter-spacing:.05em;opacity:.66}
.landing-page .live-demo-keys span{display:flex;align-items:center;gap:4px}.landing-page .live-demo-keys kbd{padding:3px 5px;border:1px solid var(--rule);background:var(--surface);font:inherit;box-shadow:2px 2px 0 var(--control)}
.landing-page .live-demo-progress{grid-column:1/3;background:var(--rule)}
.landing-page .live-demo-progress>i{background:var(--ink)}
.landing-page .live-demo-footer>.mono{grid-column:3;grid-row:2/4}

/* Section 02 uses one quiet green signal: the saved path. */
.landing-page .repeat-proof{background:var(--surface);border-color:var(--ink);box-shadow:9px 9px 0 var(--control)}
.landing-page .repeat-start-over,.landing-page .repeat-saved{background:var(--surface);color:var(--ink)}
.landing-page .repeat-start-over .repeat-proof-head>b,.landing-page .repeat-request>span,.landing-page .repeat-cost{color:var(--ink)}
.landing-page .repeat-cost{border-color:var(--rule)}
.landing-page .repeat-command{background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:4px 4px 0 var(--control)}
.landing-page .repeat-command>span{background:var(--surface-muted);color:var(--ink)}
.landing-page .repeat-command>code>b{color:var(--ink)}
.landing-page .repeat-saved li{background:var(--soft-green);border-color:var(--soft-green-strong)}
.landing-page .repeat-saved ol:before{border-color:var(--soft-green-strong)}
.landing-page .repeat-saved li>span,.landing-page .repeat-saved .repeat-proof-head>b{color:var(--ink);border-color:var(--soft-green-strong)}
.landing-page .repeat-result{background:var(--soft-green);border-color:var(--soft-green-strong)}
.landing-page .repeat-definition>i{color:var(--ink)}

/* A chat forgets; a play keeps the expert's working method. */
.knowledge-heading h2{max-width:none!important;font-size:clamp(48px,5.2vw,78px)!important}.knowledge-heading h2>span{display:block;white-space:nowrap}
.knowledge-proof{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);margin-right:9px;border:1.5px solid var(--ink);background:var(--ink);box-shadow:9px 9px 0 var(--control);gap:1px}
.knowledge-proof>article{display:flex;min-width:0;flex-direction:column;padding:clamp(26px,3vw,44px);background:var(--surface)}
.knowledge-card-head{display:flex;justify-content:space-between;gap:2ch;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--rule)}
.knowledge-card-head>b{font:800 8px/1.25 var(--mono);letter-spacing:.08em;text-align:right;color:var(--muted)}
.knowledge-proof h3{max-width:15ch;margin:clamp(26px,3vw,42px) 0 22px;font:820 clamp(28px,3vw,44px)/1.02 var(--sans);letter-spacing:-.04em}
.knowledge-steps{display:grid;gap:10px}.knowledge-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px 14px;align-items:center;min-height:78px;padding:13px 15px;border:1px solid var(--rule);background:var(--surface-muted)}
.knowledge-step>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;font:800 8px/1 var(--mono);letter-spacing:.06em}
.knowledge-step>b{font:720 clamp(14px,1.2vw,17px)/1.25 var(--sans)}.knowledge-step>small{font:600 9px/1.45 var(--mono);color:var(--muted)}
.knowledge-forgotten .knowledge-step{border-style:dashed;opacity:.72}.knowledge-forgotten .knowledge-chat-end{opacity:.45}
.knowledge-lost{position:relative;margin-top:auto;padding-top:clamp(34px,5vw,74px)}.knowledge-lost:before{content:"";position:absolute;top:25px;left:0;right:0;border-top:1px dashed var(--ink)}
.knowledge-lost>span{display:inline-block;padding-right:10px;background:var(--surface)}.knowledge-lost>strong{display:block;max-width:13ch;margin-top:14px;font:820 clamp(28px,3vw,43px)/1 var(--sans);letter-spacing:-.04em}
.knowledge-kept .knowledge-step{background:var(--soft-green);border-color:var(--soft-green-strong)}.knowledge-kept .knowledge-step>span{background:var(--surface);border-color:var(--soft-green-strong)}
.knowledge-play{margin-top:18px;padding:14px;background:var(--surface-muted);border:1px solid var(--ink)}.knowledge-play>.lab{display:block;margin-bottom:10px}.knowledge-play .catalog-uri{padding:12px;background:var(--surface);border:1px solid var(--rule)}.knowledge-play .barcode{height:34px;width:11ch}.knowledge-play .mono{font-size:clamp(9px,1vw,13px)}
.knowledge-outcome{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:18px;padding:18px 20px;background:var(--soft-green);border:1px solid var(--soft-green-strong)}
.knowledge-outcome>span{display:flex;flex-direction:column;gap:7px}.knowledge-outcome>span>b{font:850 9px/1 var(--mono);letter-spacing:.09em}.knowledge-outcome>span>small{font:650 13px/1.3 var(--sans)}
.knowledge-outcome>strong{display:grid;grid-template-columns:auto auto;gap:12px;align-items:center}.knowledge-outcome>strong>b{font:900 clamp(46px,5vw,72px)/.8 var(--mono);font-feature-settings:"zero" 1,"tnum" 1}.knowledge-outcome>strong>span{display:flex;flex-direction:column;font:820 clamp(18px,2vw,28px)/.95 var(--sans);letter-spacing:-.03em}.knowledge-outcome>strong small{margin-top:6px;font:750 7px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.knowledge-thesis{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,86px);align-items:center;margin-top:clamp(34px,5vw,64px);padding:clamp(22px,3vw,34px);border-block:1px solid var(--ink);background:var(--surface-muted)}
.knowledge-thesis>b{font:820 clamp(28px,3.5vw,52px)/1 var(--sans);letter-spacing:-.04em}.knowledge-thesis>p{max-width:54ch;font:550 clamp(15px,1.4vw,19px)/1.5 var(--sans)}
@media(max-width:980px){.knowledge-proof{grid-template-columns:1fr}.knowledge-lost{padding-top:48px}.knowledge-heading h2>span{white-space:normal}.knowledge-thesis{grid-template-columns:1fr}.knowledge-thesis>p{max-width:60ch}}
@media(max-width:760px){.knowledge-proof{margin-right:5px;box-shadow:6px 6px 0 var(--control)}.knowledge-proof>article{padding:22px 18px}.knowledge-card-head{align-items:flex-start;flex-direction:column}.knowledge-card-head>b{text-align:left}.knowledge-proof h3{margin-top:26px}.knowledge-step{grid-template-columns:34px minmax(0,1fr);padding:12px 10px}.knowledge-step>span{width:32px;height:32px}.knowledge-play{padding:10px}.knowledge-play .catalog-uri{gap:9px;padding:9px}.knowledge-play .barcode{width:7ch}.knowledge-play .mono{font-size:8px}.knowledge-outcome{grid-template-columns:1fr;align-items:start}.knowledge-outcome>strong{justify-content:start}.knowledge-thesis{padding:22px 18px}}

/* One saved play sits at the centre; its value radiates outward. The rings
   move like registration marks on paper, never like a product flowchart. */
.play-value-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:clamp(30px,7vw,120px);align-items:end;margin-bottom:clamp(28px,4vw,52px)}
.play-value-heading h2{max-width:18ch!important;font-size:clamp(36px,3vw,48px)!important;line-height:.96!important}
.play-value-heading p{max-width:36ch;margin:0 0 .2em;font:580 clamp(16px,1.35vw,20px)/1.45 var(--sans);color:var(--muted)}
.play-value-orbit{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,minmax(54px,auto));min-height:clamp(610px,54vw,780px);margin:0 9px 0 0;border:1.5px solid var(--ink);background:var(--surface);box-shadow:9px 9px 0 var(--control);overflow:hidden}
.play-orbit-ring{position:absolute;z-index:0;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none}
.ring-one{width:46%;height:30%;animation:play-ring-one 9s ease-in-out infinite alternate}.ring-two{width:68%;height:48%;border-style:dashed;animation:play-ring-two 12s ease-in-out infinite alternate}.ring-three{width:91%;height:71%;opacity:.48;animation:play-ring-three 15s ease-in-out infinite alternate}
@keyframes play-ring-one{to{transform:translate(-50%,-50%) rotate(-3deg) scale(1.025)}}@keyframes play-ring-two{to{transform:translate(-50%,-50%) rotate(-13deg) scale(.985)}}@keyframes play-ring-three{to{transform:translate(-50%,-50%) rotate(-5deg) scale(1.012)}}
.play-value-core{position:relative;z-index:2;grid-column:3/11;grid-row:3/6;align-self:center;padding:clamp(22px,3vw,38px);background:var(--surface);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--control)}
.play-value-core>.lab{display:block;margin-bottom:16px}.play-value-core>div .catalog-uri{gap:clamp(14px,2vw,28px);padding:clamp(16px,2vw,24px);background:var(--surface-muted);border:1px solid var(--ink)}.play-value-core .barcode{width:clamp(110px,13vw,190px);height:clamp(46px,5vw,72px)}.play-value-core .mono{font-size:clamp(11px,1.45vw,19px)}.play-value-core>small{display:block;margin-top:17px;font:750 8px/1.3 var(--mono);letter-spacing:.09em;color:var(--muted)}
.play-value-note{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;align-self:center;padding:18px 20px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--ink)}
.play-value-note>span{font:800 8px/1 var(--mono);color:var(--muted)}.play-value-note>b{margin:10px 0 6px;font:820 clamp(16px,1.8vw,25px)/1 var(--sans);letter-spacing:-.025em}.play-value-note>small{font:560 clamp(11px,1vw,14px)/1.35 var(--sans);color:var(--muted)}
.value-direct{grid-column:1/4;grid-row:1/3;margin-left:clamp(18px,3vw,46px)}.value-recall{grid-column:10/13;grid-row:1/3;margin-right:clamp(18px,3vw,46px)}.value-share{grid-column:1/4;grid-row:5/7;margin-left:clamp(18px,3vw,46px)}.value-eval{grid-column:10/13;grid-row:5/7;margin-right:clamp(18px,3vw,46px)}.value-model{grid-column:5/9;grid-row:7/8;align-self:end;margin-bottom:clamp(18px,3vw,36px);text-align:center}
.play-value-refrain{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,5vw,90px);align-items:baseline;margin:clamp(34px,5vw,72px) 9px 0 0;padding:clamp(24px,3vw,38px) 0;border-block:1px solid var(--ink)}
.play-value-refrain>b{font:720 clamp(18px,2vw,28px)/1.1 var(--sans)}.play-value-refrain>strong{font:840 clamp(28px,3.4vw,50px)/.98 var(--sans);letter-spacing:-.045em}
@media(prefers-reduced-motion:reduce){.play-orbit-ring{animation:none}}
@media(max-width:900px){.play-value-heading{grid-template-columns:1fr;gap:14px}.play-value-orbit{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:1px;min-height:0;padding:24px;background:var(--rule)}.play-orbit-ring{display:none}.play-value-core{grid-column:1/3;grid-row:auto;order:0;margin-bottom:22px}.play-value-note{grid-column:auto;grid-row:auto!important;align-self:stretch;margin:0!important;background:var(--surface);border-top:0}.value-model{grid-column:1/3;text-align:left}.play-value-refrain{grid-template-columns:1fr}}
@media(max-width:600px){.play-value-orbit{display:flex;flex-direction:column;padding:14px}.play-value-core{order:0;margin-bottom:0;padding:18px 14px}.play-value-core>div .catalog-uri{gap:10px;padding:11px}.play-value-core .barcode{width:72px;height:34px}.play-value-core .mono{font-size:8px}.play-value-note{border-top:1px solid var(--rule)}.play-value-refrain{margin-right:5px}.play-value-refrain>strong{font-size:30px}}

/* Section 03 is a calm paper handoff; density is expressed by stock weight. */
.landing-page .share-link-proof{background:var(--surface-muted);box-shadow:10px 10px 0 var(--control)}
.landing-page .share-link-proof .share-ticket .ticket{background:var(--surface);box-shadow:7px 7px 0 var(--control)}
.landing-page .share-transfer>span{background:var(--surface)}
.landing-page .share-transfer .share-transfer-link{background:var(--control)}
.landing-page .share-action,.landing-page .share-action:nth-child(2){background:var(--surface)}
.landing-page .share-action:nth-child(3){background:var(--surface-muted)}

/* Landing CTAs use the same neutral pressable stock as Sign in. Play and
   profile cards remain the only colored objects. */
.landing-page .btn,.landing-page .btn2,.landing-page .btn.ready{background:var(--control);color:var(--ink);box-shadow:5px 5px 0 var(--control-strong)}
.landing-page .btn:hover,.landing-page .btn2:hover,.landing-page .btn.ready:hover{background:var(--control-strong);color:var(--ink)}
/* This breadcrumb exists only for the landing → play preview journey. */
.landing-return-crumb{display:flex;align-items:center;justify-content:space-between;gap:2ch;padding:12px clamp(20px,3vw,40px);background:var(--surface-muted);border-bottom:1px solid var(--rule);font:750 9px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.landing-return-crumb a{text-decoration:underline;text-underline-offset:4px}.landing-return-crumb span{opacity:.55}

/* The play page is a paper gallery too. Its cover keeps its catalog colour;
   the contract, result, source, and controls remain neutral evidence. */
.play-page .btn,.play-page .btn2,.play-page .btn.ready{background:var(--control);color:var(--ink);box-shadow:5px 5px 0 var(--control-strong)}
.play-page .btn:hover,.play-page .btn2:hover,.play-page .btn.ready:hover{background:var(--control-strong);color:var(--ink)}
.play-page .result-sheet-head,.play-page .result-finish{background:var(--surface-muted);color:var(--ink)}
.play-page .result-row .warn,.play-page .result-step em,.play-page .result-sheet.tree .ember,.play-page .result-sheet.tree .mari{color:var(--ink)}
.play-page .play-contract,.play-page .lcode{background:var(--surface-muted);color:var(--ink)}
.play-page .play-contract .touch,.play-page .contract-seal{border-color:var(--rule)}
.play-page .contract-seal{color:var(--ink)}

/* Site-wide paper stock — warmth comes from light falling across white paper,
   not from filling the interface orange. Broad amber blooms and restrained
   horizontal fibre make every route feel like one printed catalog. Play
   covers and profile portraits retain their own signed colours. */
.stack{
  isolation:isolate;
  position:relative;
  background:
    radial-gradient(ellipse 58% 9% at 13% 5%,rgba(218,132,58,.105),transparent 72%),
    radial-gradient(ellipse 48% 12% at 92% 31%,rgba(227,148,76,.070),transparent 74%),
    radial-gradient(ellipse 55% 11% at 5% 66%,rgba(213,123,53,.055),transparent 73%),
    linear-gradient(180deg,#FFFDF9 0%,#FCF8F1 52%,#FAF4EB 100%);
}
.stack:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-linear-gradient(0deg,rgba(78,55,34,.025) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(90deg,rgba(190,117,53,.012) 0 1px,transparent 1px 11px);
  mix-blend-mode:multiply;
}
.stack>.pnl,.stack>.bigfoot{z-index:1}
.stack>.pnl{
  background:rgba(255,253,249,.34);
  --f:var(--surface);
}
.stack>.pnl:nth-of-type(even){background:rgba(255,250,243,.22)}
.stack>.pnl:after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  box-shadow:inset 0 1px rgba(255,255,255,.56);
}
.stack .play-cover,.stack .artist-portrait,.stack .profile-face{isolation:isolate}

@media (prefers-contrast:more){
  .stack:before{display:none}
  .stack>.pnl{background:var(--surface)}
}

/* ── PRICING V2 · the transparent ownership ledger ──────────────────
   Plans are explained by buyer shape, limits, and a live example. The page
   intentionally avoids an accumulating feature matrix. */
.pricing-v2{overflow:hidden}
.pricing-v2>.pnl{padding:clamp(28px,4vw,64px) clamp(22px,4vw,64px)}
.pricing-v2 .pricing-section-head{margin-bottom:clamp(24px,3vw,42px)}
.pricing-v2 .pricing-section-head h2{max-width:18ch}
.pricing-v2 .btn,.pricing-v2 .btn2{background:var(--control);color:var(--ink);box-shadow:5px 5px 0 var(--control-strong)}
.pricing-v2 .btn:hover,.pricing-v2 .btn2:hover{background:var(--control-strong);color:var(--ink)}

.pricing-intro-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);gap:clamp(40px,7vw,110px);align-items:center;padding:clamp(44px,7vw,108px) 0}
.pricing-intro h1{margin:14px 0 24px;font-size:clamp(58px,7vw,112px);line-height:.88;letter-spacing:-.055em}
.pricing-intro-grid>div:first-child>p{max-width:48ch;font:550 clamp(18px,1.55vw,23px)/1.5 var(--sans)}
.pricing-ledger{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink);box-shadow:9px 9px 0 var(--control)}
.pricing-ledger>div{min-height:350px;padding:clamp(24px,3vw,42px);display:flex;flex-direction:column}
.pricing-ledger>div+div{border-left:1px solid var(--ink);background:var(--surface-muted)}
.pricing-ledger h2{margin:24px 0 40px;font:820 clamp(30px,3vw,48px)/.98 var(--sans);letter-spacing:-.04em}
.pricing-ledger ul{list-style:none;margin-top:auto}
.pricing-ledger li{padding:13px 0;border-top:1px solid var(--rule);font:650 14px/1.35 var(--sans)}
.pricing-ledger li:before{content:"—";display:inline-block;width:2.2ch;font-family:var(--mono)}
.pricing-human-example{display:grid;grid-template-columns:auto 1fr;gap:3ch;align-items:center;padding:18px 0 0;border-top:1.5px solid var(--ink)}
.pricing-human-example strong{font:850 clamp(22px,2.5vw,36px)/1 var(--sans);font-variant-numeric:tabular-nums}
.pricing-human-example span{font:600 clamp(15px,1.4vw,19px)/1.4 var(--sans)}

.priced-primitives-grid{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink)}
.priced-primitive{min-height:235px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:64px 1fr;gap:clamp(16px,2.5vw,34px);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.priced-primitive:nth-child(-n+2){border-top:0}.priced-primitive:nth-child(odd){border-left:0}
.priced-primitive-no{font:850 clamp(32px,4vw,62px)/.9 var(--sans);letter-spacing:-.04em;opacity:.28}
.priced-primitive h3{font:820 clamp(27px,3vw,46px)/1 var(--sans);letter-spacing:-.035em}
.priced-primitive p{max-width:42ch;margin:14px 0 30px;font:550 15px/1.5 var(--sans)}
.priced-primitive small{display:block;margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font:550 11px/1.5 var(--mono);color:var(--muted)}
.pricing-safety-note{display:grid;grid-template-columns:220px 1fr;gap:4vw;align-items:baseline;padding:22px 0 0;border-top:1.5px solid var(--ink);margin-top:24px}
.pricing-safety-note p{max-width:70ch;font:650 15px/1.5 var(--sans)}
.pricing-identity-explainer{margin-top:clamp(34px,5vw,70px);padding-top:clamp(28px,4vw,54px);border-top:1.5px solid var(--ink)}
.pricing-section-head.compact h3{font:850 clamp(32px,4vw,58px)/1 var(--sans);letter-spacing:-.04em;max-width:19ch;margin-top:10px}
.priced-identities{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ink)}
.priced-identity{min-height:230px;padding:clamp(20px,2.6vw,34px);display:grid;grid-template-columns:64px 1fr;gap:20px;border-left:1px solid var(--ink)}.priced-identity:first-child{border-left:0}
.priced-identity-mark{width:56px;height:56px;display:grid;place-items:center;border:1.5px solid var(--ink);font:850 24px/1 var(--sans)}.priced-identity-agent .priced-identity-mark{background:var(--control)}.priced-identity-org .priced-identity-mark{background:#254a45;color:var(--paper)}
.priced-identity p{font:600 14px/1.5 var(--sans);margin:13px 0 24px}.priced-identity small{display:block;margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font:750 8px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted)}
.identity-ledger-example{display:grid;grid-template-columns:auto auto auto 24px auto auto 24px auto auto;gap:1.2ch;align-items:center;padding:18px;border:1.5px solid var(--ink);border-top:0;background:var(--surface-muted)}.identity-ledger-example>b{font-size:14px}.identity-ledger-example>span:not(.lab){font:600 9px/1.4 var(--mono);color:var(--muted)}.identity-ledger-example>i{font:800 18px/1 var(--mono);font-style:normal;text-align:center}

.fit-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(26px,5vw,72px);align-items:start}
.fit-controls{border:1.5px solid var(--ink);background:var(--surface)}
.fit-control,.fit-select{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.9fr) 6ch;gap:2ch;align-items:center;padding:20px clamp(18px,2vw,28px);border-top:1px solid var(--rule)}
.fit-control:first-child{border-top:0}
.fit-control>span,.fit-select>span{display:flex;flex-direction:column;gap:5px}
.fit-control b,.fit-select b{font:750 15px/1.2 var(--sans)}
.fit-control small,.fit-select small{font:550 9px/1.4 var(--mono);color:var(--muted)}
.fit-control input{width:100%;height:4px;accent-color:var(--ink);cursor:pointer}
.fit-control output{justify-self:end;min-width:4ch;font:850 24px/1 var(--sans);font-variant-numeric:tabular-nums;text-align:right}
.fit-unmetered{display:grid;grid-template-columns:1fr auto;gap:2ch;align-items:center;padding:20px clamp(18px,2vw,28px);border-top:1px solid var(--rule);background:var(--surface-muted)}
.fit-unmetered>span{display:flex;flex-direction:column;gap:5px}
.fit-unmetered b{font:750 15px/1.2 var(--sans)}
.fit-unmetered small{font:550 9px/1.4 var(--mono);color:var(--muted)}
.fit-unmetered strong{padding:9px 11px;border:1px solid var(--ink);font:800 10px/1 var(--mono);letter-spacing:.08em}
.fit-select{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr)}
.fit-select select{width:100%;padding:11px 34px 11px 12px;border:1px solid var(--rule);border-radius:0;background:var(--surface);color:var(--ink);font:650 12px/1.3 var(--mono)}
.fit-choice{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr);gap:2ch;align-items:start;padding:20px clamp(18px,2vw,28px);border-top:1px solid var(--rule)}
.fit-choice-label{display:flex;flex-direction:column;gap:5px;padding-top:10px}
.fit-choice-label b{font:750 15px/1.2 var(--sans)}
.fit-choice-label small{font:550 9px/1.4 var(--mono);color:var(--muted)}
.fit-choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px}
.fit-choice-options label{position:relative;cursor:pointer}
.fit-choice-options input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.fit-choice-options span{min-height:43px;padding:10px 12px;border:1px solid var(--rule);background:var(--surface);display:flex;align-items:center;font:650 11px/1.35 var(--mono);transition:background .14s ease,border-color .14s ease}
.fit-choice-options span:before{content:"○";margin-right:1ch;font-weight:800}
.fit-choice-options input:checked+span{border-color:var(--ink);background:var(--surface-muted);box-shadow:3px 3px 0 var(--control)}
.fit-choice-options input:checked+span:before{content:"●"}
.fit-choice-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.fit-result{position:sticky;top:86px;min-height:520px;padding:clamp(24px,3vw,40px);border:1.5px solid var(--ink);background:var(--surface-muted);box-shadow:9px 9px 0 var(--control);outline:none}
.fit-result:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.fit-result-top{display:flex;justify-content:space-between;gap:2ch;padding-bottom:15px;border-bottom:1px solid var(--ink)}
.fit-result-count{font:800 10px/1 var(--mono);letter-spacing:.1em}
.fit-result h3{margin:clamp(30px,4vw,58px) 0 10px;font:870 clamp(54px,6vw,92px)/.82 var(--sans);letter-spacing:-.06em}
.fit-result>p{max-width:36ch;font:650 16px/1.45 var(--sans)}
.fit-price{display:flex;align-items:flex-end;gap:1.4ch;margin:34px 0 8px}
.fit-price b{font:870 clamp(43px,5vw,74px)/.85 var(--sans);letter-spacing:-.05em}
.fit-price span{max-width:16ch;font:800 9px/1.35 var(--mono);letter-spacing:.08em}
.fit-math{padding:12px 0 18px;border-bottom:1px solid var(--rule);font:650 11px/1.5 var(--mono)}
.fit-example{margin:20px 0 25px}
.fit-example p{margin-top:8px;font:600 13px/1.5 var(--sans)}
.fit-result .btn2{width:100%;justify-content:center}
.fit-enterprise-note{display:block;margin-top:17px;padding-top:15px;border-top:1px solid var(--ink);font:650 10px/1.5 var(--mono)}
.fit-enterprise-note[hidden]{display:none}

.pricing-route{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:5vw;align-items:end}
.pricing-route h2{margin-top:9px;font:820 clamp(30px,3.5vw,52px)/1 var(--sans);letter-spacing:-.04em}
.fit-route{display:grid;grid-template-columns:repeat(5,1fr);border:1.5px solid var(--ink)}
.fit-route-step{min-height:125px;padding:18px 14px;border:0;border-left:1px solid var(--ink);background:transparent;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}
.fit-route-step:first-child{border-left:0}.fit-route-step:hover,.fit-route-step:focus-visible{background:var(--surface-muted);outline:none}
.fit-route-step span{font:730 13px/1.35 var(--sans)}
.fit-route-step small{font:800 8px/1 var(--mono);letter-spacing:.1em}

.pricing-plan-stack{position:relative;z-index:1;padding:clamp(30px,4vw,64px);display:flex;flex-direction:column;gap:26px}
.plan-sheet{scroll-margin-top:84px;border:1.5px solid var(--ink);background:var(--surface);box-shadow:8px 8px 0 var(--control);outline:none}
.plan-sheet:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.plan-sheet-head{display:grid;grid-template-columns:1fr auto;gap:3vw;align-items:end;padding:clamp(24px,3vw,42px);border-bottom:1px solid var(--ink)}
.plan-sheet-head>div:first-child{grid-row:1/3;display:grid;grid-template-columns:auto auto 1fr;gap:1.5ch;align-items:baseline}
.plan-back{grid-column:2;justify-self:end;align-self:start;border:0;background:none;padding:0;color:inherit;font:750 10px/1.3 var(--mono);letter-spacing:.06em;cursor:pointer}
.plan-back:hover,.plan-back:focus-visible{text-decoration:underline;text-underline-offset:5px}
.plan-sheet-no{font:850 clamp(30px,3.5vw,52px)/.8 var(--sans);letter-spacing:-.04em;opacity:.3}
.plan-sheet h3{grid-column:1/-1;margin-top:18px;font:870 clamp(47px,6vw,88px)/.82 var(--sans);letter-spacing:-.055em}
.plan-sheet-head p{grid-column:1/-1;margin-top:12px;font:650 clamp(16px,1.5vw,21px)/1.4 var(--sans)}
.plan-sheet-price{grid-column:2;display:flex;align-items:flex-end;gap:1.2ch;text-align:right}
.plan-sheet-price>b{font:870 clamp(44px,5vw,78px)/.82 var(--sans);letter-spacing:-.055em}
.plan-sheet-price>span{max-width:18ch;font:800 8px/1.35 var(--mono);letter-spacing:.09em}
.plan-scope{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}
.plan-scope-cell{min-height:100px;padding:18px;border-left:1px solid var(--rule);display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.plan-scope-cell:first-child{border-left:0}.plan-scope-cell b{font:750 15px/1.35 var(--sans)}
.plan-sheet-body{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid var(--ink)}
.plan-example,.plan-includes{min-height:230px;padding:clamp(22px,3vw,38px)}
.plan-example{background:var(--surface-muted)}.plan-includes{border-left:1px solid var(--ink)}
.plan-example p{max-width:48ch;margin:24px 0;font:750 clamp(20px,2vw,29px)/1.25 var(--sans);letter-spacing:-.02em}
.plan-example-load{border:0;background:none;padding:0;color:inherit;font:750 10px/1.3 var(--mono);letter-spacing:.06em;cursor:pointer;text-align:left}
.plan-includes ul{list-style:none;margin-top:16px}.plan-includes li{position:relative;padding:12px 0 12px 20px;border-top:1px solid var(--rule);font:600 13px/1.4 var(--sans)}
.plan-includes li:before{content:"—";position:absolute;left:0;font-family:var(--mono)}
.plan-sheet-boundary{display:grid;grid-template-columns:1fr 1fr auto;gap:3vw;align-items:center;padding:20px clamp(22px,3vw,38px)}
.plan-sheet-boundary>div{display:flex;flex-direction:column;gap:7px}.plan-sheet-boundary b,.plan-sheet-boundary p{font:600 11px/1.5 var(--mono)}
.plan-sheet-boundary .pricing-action{white-space:nowrap;justify-content:center}
.plan-sheet-enterprise{border-width:3px}.plan-sheet-enterprise .plan-sheet-price>b{font-size:clamp(34px,4.2vw,64px)}

.pricing-guarantee{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:5vw;align-items:center}
.pricing-guarantee h2{max-width:12ch;margin-top:10px;font:850 clamp(42px,5vw,78px)/.92 var(--sans);letter-spacing:-.05em}
.pricing-guarantee-list{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--ink)}
.pricing-guarantee-list span{min-height:96px;padding:20px;border-top:1px solid var(--ink);border-left:1px solid var(--ink);display:flex;align-items:center;font:730 15px/1.35 var(--sans)}
.pricing-guarantee-list span:nth-child(-n+2){border-top:0}.pricing-guarantee-list span:nth-child(odd){border-left:0}
.pricing-v2 .pricing-close{background:var(--surface)}

@media(max-width:1100px){
  .pricing-intro-grid{grid-template-columns:1fr}.pricing-ledger>div{min-height:280px}
  .priced-primitives-grid{grid-template-columns:1fr}.priced-primitive,.priced-primitive:nth-child(-n+2),.priced-primitive:nth-child(odd){border-left:0;border-top:1px solid var(--ink)}.priced-primitive:first-child{border-top:0}
  .fit-grid{grid-template-columns:1fr}.fit-result{position:relative;top:auto;min-height:0}
  .priced-identities{grid-template-columns:1fr}.priced-identity{border-left:0;border-top:1px solid var(--ink);min-height:0}.priced-identity:first-child{border-top:0}.identity-ledger-example{grid-template-columns:1fr 1fr 1fr}.identity-ledger-example>i{display:none}.identity-ledger-example>.lab{grid-column:1/-1}
  .pricing-route{grid-template-columns:1fr}.fit-route{grid-template-columns:1fr 1fr 1fr}.fit-route-step:nth-child(4){border-left:0;border-top:1px solid var(--ink)}.fit-route-step:nth-child(5){border-top:1px solid var(--ink)}
}
@media(max-width:760px){
  .pricing-v2>.pnl{padding-inline:18px}
  .pricing-intro h1{font-size:clamp(54px,17vw,78px)}
  .pricing-ledger{grid-template-columns:1fr}.pricing-ledger>div{min-height:0}.pricing-ledger>div+div{border-left:0;border-top:1px solid var(--ink)}.pricing-ledger h2{margin-bottom:25px}
  .pricing-human-example{grid-template-columns:1fr;gap:8px}
  .priced-primitive{grid-template-columns:1fr;min-height:0}.priced-primitive-no{font-size:34px}
  .pricing-safety-note{grid-template-columns:1fr;gap:8px}
  .priced-identity{grid-template-columns:52px 1fr}.priced-identity-mark{width:46px;height:46px}.identity-ledger-example{grid-template-columns:1fr}.identity-ledger-example>span:not(.lab){margin-bottom:8px}
  .fit-control,.fit-select{grid-template-columns:1fr 5ch;gap:13px}.fit-control input{grid-column:1}.fit-control output{grid-column:2;grid-row:1/3}.fit-select select{grid-column:1/-1}
  .fit-choice{grid-template-columns:1fr;gap:12px}.fit-choice-label{padding-top:0}.fit-choice-options{grid-template-columns:1fr}
  .fit-result h3{font-size:clamp(48px,17vw,72px)}
  .fit-route{grid-template-columns:1fr}.fit-route-step,.fit-route-step:nth-child(4),.fit-route-step:nth-child(5){min-height:84px;border-left:0;border-top:1px solid var(--ink)}.fit-route-step:first-child{border-top:0}
  .pricing-plan-stack{padding:28px 13px 48px;gap:20px}
  .plan-sheet-head{grid-template-columns:1fr}.plan-sheet-head>div:first-child{grid-row:auto}.plan-back,.plan-sheet-price{grid-column:1;justify-self:start}.plan-sheet-price{text-align:left}
  .plan-scope{grid-template-columns:1fr 1fr}.plan-scope-cell:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.plan-scope-cell:nth-child(4){border-top:1px solid var(--rule)}
  .plan-sheet-body{grid-template-columns:1fr}.plan-includes{border-left:0;border-top:1px solid var(--ink)}
  .plan-sheet-boundary{grid-template-columns:1fr}.plan-sheet-boundary .pricing-action{width:100%;white-space:normal}
  .pricing-guarantee{grid-template-columns:1fr}.pricing-guarantee-list{grid-template-columns:1fr}.pricing-guarantee-list span,.pricing-guarantee-list span:nth-child(-n+2),.pricing-guarantee-list span:nth-child(odd){border-left:0;border-top:1px solid var(--ink)}.pricing-guarantee-list span:first-child{border-top:0}
}

/* A landing-page beat, not a slide: one loss, one saved artifact, one payoff. */
.landing-page>.replay-teach-stage{padding:0;overflow:hidden}
.replay-web-story{
  display:grid;
  gap:clamp(16px,1.5vw,22px);
  margin:16px;
  padding:clamp(30px,3vw,46px);
  overflow:hidden;
  border-radius:9px;
  background:var(--surface);
}
.replay-story-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.55fr);
  gap:12px clamp(32px,7vw,110px);
  align-items:end;
}
.replay-story-intro>span{grid-column:1/-1}
.replay-story-intro h2{
  max-width:23ch;
  font-size:clamp(35px,3vw,48px);
  line-height:.96;
}
.replay-story-intro p{
  max-width:34ch;
  padding-bottom:.2em;
  font:580 clamp(16px,1.35vw,20px)/1.45 var(--sans);
  color:var(--muted);
}
.replay-chat-loss{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(18px,3vw,44px);
  align-items:center;
  padding:18px 22px;
  border-radius:6px;
  background:color-mix(in srgb,var(--surface) 84%,var(--control));
}
.replay-chat-loss strong{
  font:720 clamp(17px,1.55vw,22px)/1.25 var(--sans);
  letter-spacing:-.02em;
}
.replay-chat-loss i{padding:0 .35em;color:var(--muted);font-style:normal}
.replay-chat-loss small{font:570 13px/1.35 var(--sans);color:var(--muted)}
.replay-saved-work{
  display:grid;
  grid-template-columns:minmax(190px,.48fr) minmax(0,1.52fr);
  gap:clamp(20px,3vw,48px);
  align-items:center;
  padding:clamp(20px,2.2vw,30px);
  border-radius:8px;
  background:color-mix(in srgb,var(--surface) 80%,var(--control));
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 2px 6px rgba(39,47,43,.05);
}
.replay-saved-copy h3{
  margin-top:9px;
  font:810 clamp(27px,2.4vw,38px)/1 var(--sans);
  letter-spacing:-.045em;
}
.replay-saved-copy p{
  max-width:26ch;
  margin-top:8px;
  font:570 15px/1.45 var(--sans);
  color:var(--muted);
}
.replay-artifact{
  min-width:0;
  padding:17px 20px;
  border-radius:6px;
  background:color-mix(in srgb,var(--surface) 92%,white);
  box-shadow:inset 0 1px rgba(255,255,255,.8);
}
.replay-path{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.replay-path>span{display:flex;gap:5px;align-items:baseline}
.replay-path em{color:var(--ember);font:700 10px/1 var(--mono);font-style:normal}
.replay-path b{font:690 14px/1.25 var(--sans)}
.replay-path i{color:var(--muted);font:600 11px/1 var(--mono)}
.replay-uri{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--rule);
}
.replay-uri .mono{min-width:0;font-size:clamp(10px,.9vw,13px);overflow-wrap:anywhere}
.replay-barcode{
  width:92px;
  height:38px;
  background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 13px);
}
.replay-outcome{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(220px,.7fr);
  gap:clamp(30px,6vw,100px);
  align-items:center;
  padding:18px 22px;
  border-radius:7px;
  background:color-mix(in srgb,var(--surface) 84%,var(--control));
}
.replay-outcome h3{
  margin-top:8px;
  font:790 clamp(24px,2.2vw,34px)/1.08 var(--sans);
  letter-spacing:-.035em;
}
.replay-outcome>p{display:grid;gap:4px;margin:0}
.replay-outcome>p b{font:760 clamp(18px,1.6vw,23px)/1.15 var(--sans)}
.replay-outcome>p span{font:560 13px/1.4 var(--sans);color:var(--muted)}
@media(max-width:860px){
  .replay-story-intro,.replay-saved-work,.replay-outcome{grid-template-columns:1fr}
  .replay-story-intro{gap:14px}
  .replay-saved-copy p{max-width:42ch}
}
@media(max-width:660px){
  .replay-web-story{margin:9px;padding:28px 18px}
  .replay-story-intro h2{font-size:clamp(35px,11vw,49px)}
  .replay-chat-loss{grid-template-columns:1fr;gap:9px;padding:18px}
  .replay-chat-loss strong{display:grid;gap:4px}
  .replay-chat-loss i{display:none}
  .replay-saved-work{padding:20px 18px}
  .replay-artifact{padding:17px}
  .replay-uri{grid-template-columns:70px minmax(0,1fr);gap:12px}
  .replay-barcode{width:70px;height:36px}
  .replay-outcome{padding:20px 18px}
}

/* Homepage type and rhythm belong to one continuous website. Product labels
   stay uppercase; page headings use one sentence-case scale throughout. */
.landing-page .site-section-title{
  font-family:var(--sans);
  font-variation-settings:"wdth" 102;
  font-weight:790!important;
  line-height:1!important;
  letter-spacing:-.036em!important;
  text-transform:none!important;
  text-wrap:balance;
}
.landing-page h2.site-section-title{
  max-width:20ch;
  font-size:clamp(34px,3vw,48px)!important;
}
.landing-page>.pnl:not(:first-child){
  border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
}
.landing-page>.landing-section,
.landing-page>.landing-play-feature{
  padding-block:clamp(46px,5.2vw,76px);
}
.landing-page>.landing-play-feature{
  padding-inline:clamp(24px,4.2vw,62px);
}
.landing-page>.replay-teach-stage{
  padding:clamp(46px,5.2vw,76px) clamp(24px,4.2vw,62px);
}
.replay-web-story{
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
}
.closing-stage{
  justify-content:stretch;
  padding-block:clamp(54px,6vw,88px)!important;
}
.closing-float{
  width:100%;
  max-width:1380px;
  margin-inline:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.closing-float-copy h2{
  max-width:20ch;
}

@media(max-width:660px){
  .landing-page>.replay-teach-stage{padding:38px 18px}
  .replay-web-story{margin:0;padding:0}
  .closing-float{padding:0;box-shadow:none}
}