:root{--void: #0c0b0a;--void-2: #141310;--paper: #e8e1d4;--paper-dim: #9c9588;--paper-faint: rgba(232, 225, 212, .08);--hair: rgba(232, 225, 212, .14);--hair-strong: rgba(232, 225, 212, .28);--sage: #8fa396;--champagne: #d4b896;--amber: #e0a15a;--terra: #d06a56;--ice: #c5d5d0;--serif: "Instrument Serif", "Times New Roman", serif;--sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 2px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--void);color:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3{font-weight:400;margin:0}p{margin:0}.price{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.price.tiny .lead{color:var(--paper-dim)}.price.tiny .core{color:var(--paper)}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,184,150,.05),transparent 55%),var(--void)}.proto-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--hair);background:#0a0908;z-index:20;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.proto-brand{display:flex;gap:10px;align-items:baseline;margin-right:auto}.proto-brand em{font-style:normal;color:var(--paper-dim);letter-spacing:.12em}.proto-group{display:flex;gap:2px;border:1px solid var(--hair);padding:2px}.proto-group button{padding:5px 9px;color:var(--paper-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.proto-group button.is-on{background:var(--paper);color:var(--void)}.stage-host{flex:1;min-height:0;display:grid;place-items:center;padding:18px}.compare{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:24px;padding:18px 24px 28px;align-items:stretch}.compare figure{margin:0;min-height:0;display:flex;flex-direction:column;gap:8px}.compare figcaption{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}.compare .stage{flex:1}.stage{--stage-w: 100%;--stage-h: 100%;position:relative;width:min(var(--stage-w),100%);height:min(var(--stage-h),100%);overflow:hidden;background:var(--void-2);border:1px solid var(--hair);isolation:isolate;container-type:size;container-name:stage}.stage.frame-desktop{--stage-w: 1280px;--stage-h: 820px;width:100%;height:100%}.stage.frame-tablet{--stage-w: 820px;--stage-h: 1080px;max-height:100%}.stage.frame-phone{--stage-w: 390px;--stage-h: 844px;max-height:100%;border-radius:28px}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay;z-index:8}.desk{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(800px 400px at 70% 20%,rgba(232,225,212,.04),transparent 60%),#161411}.desk-paper{width:min(560px,78%);color:#2a261f;background:#d8d0c2;padding:48px 44px 56px;box-shadow:0 30px 80px #00000059;transform:rotate(-.4deg)}.desk-date{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6d675c}.desk-paper h1{font-family:var(--serif);font-size:42px;line-height:1.05;margin:18px 0 22px}.desk-paper p{font-size:16px;line-height:1.55;margin-bottom:14px}.desk-aside{margin-top:28px;padding-top:16px;border-top:1px solid rgba(42,38,31,.18);font-style:italic;color:#5c564c}.presence{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:6;width:max-content;max-width:min(460px,calc(100% - 32px));padding:10px 16px 10px 14px;background:#0c0b0ac7;border:1px solid var(--hair-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;display:flex;align-items:center;gap:12px;box-shadow:0 18px 50px #0006}.presence .pulse{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 #8fa39699;animation:breathe 3.8s var(--ease) infinite;flex:none}.presence.posture-attend .pulse{background:var(--champagne);animation:none}.presence.posture-interrupt .pulse{background:var(--terra)}.presence-quiet{display:flex;flex-direction:row;align-items:baseline;gap:10px;min-width:0}.presence-quiet .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--hair-strong);align-self:center}.presence-voice{display:flex;flex-direction:column;gap:2px;min-width:0}.wordmark{font-family:var(--serif);font-size:16px;letter-spacing:.04em}.presence-quiet .holding{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}.presence-quiet .count{color:var(--paper-dim);font-size:11px}.presence-top,.presence-mid{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.sev-word{letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:var(--champagne)}.sev-wake_me .sev-word,.kind-wake_me .tape-kind,.presence.sev-wake_me .sev-word{color:var(--amber)}.sev-danger .sev-word,.kind-danger .tape-kind,.presence.sev-danger .sev-word{color:var(--terra)}.sev-action .sev-word,.kind-action .tape-kind,.presence.sev-action .sev-word{color:var(--ice)}.presence-mid strong{font-weight:500;letter-spacing:.12em}.presence-line{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-other{color:var(--paper-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.interrupt{position:absolute;inset:0;z-index:7;display:grid;place-items:end center;background:#0807068c;padding:24px}.interrupt-sheet{width:min(460px,100%);background:#100f0d;border:1px solid var(--hair-strong);padding:28px 28px 24px;margin-bottom:18px}.interrupt-kind{letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--amber);margin-bottom:14px}.interrupt.kind-danger .interrupt-kind{color:var(--terra)}.interrupt.kind-action .interrupt-kind{color:var(--ice)}.interrupt-sheet h2{font-family:var(--serif);font-size:32px;line-height:1.15;margin-bottom:12px}.interrupt-detail{color:var(--paper-dim);font-size:15px;margin-bottom:22px}.interrupt-px{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--hair);padding-top:12px;margin-bottom:22px;color:var(--paper-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.interrupt-actions{display:flex;gap:8px}.btn{padding:10px 14px;letter-spacing:.12em;text-transform:uppercase;font-size:11px;border:1px solid var(--hair-strong)}.btn.primary{background:var(--paper);color:var(--void);border-color:var(--paper)}.btn.ghost:hover,.text-btn:hover,.presence:hover,.satellite:hover{border-color:var(--paper)}.briefing{position:absolute;inset:18px;z-index:5;display:flex;flex-direction:column;background:#0c0b0aeb;border:1px solid var(--hair);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 22px 16px;min-height:0}.briefing-bar{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--hair)}.briefing-brand{display:flex;gap:10px;align-items:baseline}.mark{font-size:10px;letter-spacing:.2em;color:var(--paper-dim)}.posture{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.posture-attend{color:var(--champagne)}.posture-interrupt{color:var(--terra)}.briefing-meta{display:flex;gap:16px;color:var(--paper-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.text-btn{letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--paper)}.briefing-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,560px) minmax(240px,1fr);gap:40px;padding:18px 4px 8px;overflow:auto}.spine{min-width:0;max-width:560px}.spine-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.spine-id{display:flex;gap:10px;align-items:baseline}.instrument{font-family:var(--serif);font-size:34px}.side{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--paper-dim)}.spine-px .price{font-size:22px}.statement{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.3;max-width:34em;margin:10px 0 18px;color:var(--paper)}.ladder{position:relative;height:280px;margin:8px 0 22px}.ladder-rail{position:absolute;inset:8px 0;border-left:1px solid var(--hair-strong);margin-left:118px}.level-mark{position:absolute;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.level-mark.is-zone{transform:none;align-items:center}.level-mark.is-zone.is-active{background:linear-gradient(to right,rgba(212,184,150,.1),transparent 55%)}.level-line{width:18px;height:1px;background:var(--hair-strong);flex:none}.level-mark.is-zone .level-line{width:4px;height:100%;background:#d4b8962e}.level-meta{display:flex;gap:10px;align-items:baseline;font-size:12px}.level-px{font-family:var(--mono);font-variant-numeric:tabular-nums}.level-label{color:var(--paper-dim);letter-spacing:.08em;text-transform:lowercase}.level-mark.role-reference{opacity:.45}.level-mark.is-active .level-label,.level-mark.is-active .level-px{color:var(--champagne)}.now-mark{position:absolute;left:-118px;display:flex;align-items:center;gap:8px;transform:translateY(-50%);transition:top .18s var(--ease);z-index:2;pointer-events:none;width:118px}.now-price{font-size:12px;color:var(--paper);width:94px;text-align:right}.now-hair{width:12px;height:1px;background:var(--paper);opacity:.7;flex:none}.now-dot{width:9px;height:9px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 4px #e8e1d41f;flex:none;margin-right:-5px}.level-tick{width:6px;height:6px;border:1px solid var(--hair-strong);transform:rotate(45deg);margin-left:2px}.chain{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}.chain dt{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:4px}.chain dd{margin:0;font-family:var(--serif);font-size:17px;line-height:1.3}.entry-note{margin-top:18px;color:var(--paper-dim);font-size:12px;letter-spacing:.04em}.briefing-side{display:flex;flex-direction:column;gap:16px;min-width:0;padding-top:8px}.satellite{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"id px sev" "cond cond cond";gap:4px 12px;text-align:left;padding:12px 0 14px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.sat-id{grid-area:id;letter-spacing:.12em}.sat-id em{font-style:normal;color:var(--paper-dim);margin-left:8px;font-size:10px;letter-spacing:.16em}.sat-px{grid-area:px}.sat-sev{grid-area:sev;font-size:10px;letter-spacing:.16em;color:var(--paper-dim)}.sat-cond{grid-area:cond;font-family:var(--serif);font-style:italic;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-wrap h3{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:10px}.tape{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tape-row{display:grid;grid-template-columns:72px 1fr auto;gap:8px 10px;font-size:12px;padding-bottom:8px;border-bottom:1px solid var(--hair)}.tape-kind{letter-spacing:.14em;font-size:10px;color:var(--champagne)}.kind-silent .tape-kind,.kind-silent .tape-copy,.kind-silent .tape-px{color:var(--paper-dim);opacity:.55}.tape-copy{grid-column:2 / 3}.tape-px{grid-column:3}.tape-ago{grid-column:2 / 4;color:var(--paper-dim);font-size:10px;letter-spacing:.08em}.tape.empty{color:var(--paper-dim);font-family:var(--serif);font-style:italic}.legend{color:var(--paper-dim);font-size:12px;line-height:1.45}.thesis-switch{display:none;gap:8px;padding-top:8px}.switch-pill{border:1px solid var(--hair);padding:6px 10px;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.switch-pill.is-active{border-color:var(--paper);background:var(--paper);color:var(--void)}@keyframes breathe{0%,to{box-shadow:0 0 #8fa39673}70%{box-shadow:0 0 0 8px #8fa39600}}@media(prefers-reduced-motion:reduce){.presence .pulse,.now-mark{animation:none;transition:none}}@container stage (max-width: 720px){.briefing{inset:0;border:0;padding:16px 16px 12px}.briefing-bar{flex-direction:column;gap:8px}.briefing-body{grid-template-columns:1fr;gap:18px}.ladder{height:220px}.chain{grid-template-columns:1fr}.instrument{font-size:28px}.statement{font-size:17px}.thesis-switch{display:flex}.desk-paper{width:86%;padding:28px 22px 36px}.desk-paper h1{font-size:28px}.presence{bottom:auto;top:16px;width:max-content;max-width:calc(100% - 28px)}.interrupt{place-items:end center;padding:12px}.interrupt-sheet h2{font-size:26px}}@container stage (max-width: 430px){.briefing-meta span:nth-child(2){display:none}.ladder{height:200px}.presence-other{display:none}.tape-row{grid-template-columns:64px 1fr}.tape-px,.legend{display:none}}@media(max-width:900px){.proto-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.proto-brand em{display:none}.compare{grid-template-columns:1fr}.stage-host{padding:0}.stage.frame-desktop,.stage.frame-tablet,.stage.frame-phone{width:100%;height:100%;max-height:none;border:0;border-radius:0}}@media(max-width:560px){.proto-brand,.proto-bar [aria-label=Frame]{display:none}}