:root{--ink:#0b0d10;--ink-soft:#4f5866;--muted:#8b93a1;--paper:#f3f1ec;--surface:#fff;--line:rgba(11,13,16,.1);--line-strong:rgba(11,13,16,.16);--signal:#0f6e56;--signal-soft:rgba(15,110,86,.14);--warn:#9a6700;--warn-soft:rgba(154,103,0,.12);--danger:#9b2c2c;--danger-soft:rgba(155,44,44,.1);--font:"Instrument Sans","Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--radius:12px;--max:1120px;--loop:7.2s;--night:#121816}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 70% 45% at 12% -5%,rgba(15,110,86,.08),transparent 55%),radial-gradient(ellipse 60% 40% at 88% 8%,rgba(11,13,16,.045),transparent 50%),linear-gradient(180deg,#faf8f4 0,var(--paper) 42%,#ebe8e1 100%);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input{font:inherit}.mono{font-family:var(--mono)}.shell{max-width:var(--max);margin:0 auto;padding:1.25rem 1.5rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 1.25rem;border-bottom:1px solid var(--line);margin-bottom:1.75rem}.brand{display:flex;flex-direction:column;gap:.1rem}.brand strong{font-size:1.05rem;letter-spacing:-.02em}.brand span{font-size:.75rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-soft);border:1px solid var(--line);background:hsla(0,0%,100%,.55);padding:.35rem .7rem;border-radius:999px}.pill i{width:.45rem;height:.45rem;border-radius:50%;background:var(--signal);display:inline-block}.hero-block h1{margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.035em;line-height:1.1;font-weight:600}.hero-block p{margin:0;max-width:36rem;color:var(--ink-soft);font-size:1.05rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem}@media (max-width:860px){.grid-3{grid-template-columns:1fr}}.choice{text-align:left;background:hsla(0,0%,100%,.72);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem 1.25rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease;width:100%}.choice:hover{border-color:var(--line-strong);transform:translateY(-1px)}.choice:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.choice .eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.45rem}.choice h2{margin:0 0 .4rem;font-size:1.15rem;letter-spacing:-.02em}.choice p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.45}.auth-panel{max-width:420px;margin:4rem auto 0;background:hsla(0,0%,100%,.8);border:1px solid var(--line);border-radius:16px;padding:1.75rem}.auth-panel h1{margin:0 0 .35rem;font-size:1.55rem;letter-spacing:-.03em}.auth-panel .lede{margin:0 0 1.4rem;color:var(--ink-soft);font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field input{border:1px solid var(--line-strong);border-radius:10px;padding:.7rem .85rem;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:10px;padding:.75rem 1rem;background:var(--ink);color:#fff;font-weight:550;cursor:pointer;width:100%}.btn:hover{background:#1a1f27}.btn.secondary{color:var(--ink);border:1px solid var(--line-strong);padding:.45rem .8rem}.btn.ghost,.btn.secondary{background:transparent;width:auto;font-size:.85rem}.btn.ghost{color:var(--ink-soft);border:none;padding:.35rem .2rem}.note{margin-top:.85rem;font-size:.8rem;color:var(--muted);line-height:1.4}.layout-demo{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:1.25rem;gap:1.25rem}@media (max-width:960px){.layout-demo{grid-template-columns:1fr}}.panel{background:hsla(0,0%,100%,.78);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-h{padding:.85rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.panel-h h2{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.panel-b{padding:1rem}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.steps li{display:grid;grid-template-columns:1.6rem 1fr;grid-gap:.55rem;gap:.55rem;font-size:.92rem;color:var(--ink-soft);line-height:1.4}.steps li em{font-style:normal;font-size:.75rem;color:var(--signal);padding-top:.15rem}.steps li em,pre.code{font-family:var(--mono)}pre.code{margin:1rem 0 0;padding:.9rem;background:#111816;color:#e8ece8;border-radius:10px;overflow:auto;font-size:.72rem;line-height:1.5}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:1rem}@media (max-width:640px){.compare{grid-template-columns:1fr}}.compare div{border-radius:10px;padding:.8rem .9rem;font-size:.88rem;line-height:1.4}.compare .bad{background:var(--danger-soft);border:1px solid rgba(155,44,44,.18)}.compare .good{background:var(--signal-soft);border:1px solid rgba(15,110,86,.2)}.compare strong{display:block;margin-bottom:.25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.ledger-list{display:flex;flex-direction:column}.ledger-row{text-align:left;width:100%;border:none;background:transparent;border-bottom:1px solid var(--line);padding:.9rem 1rem;cursor:pointer}.ledger-row.active,.ledger-row:hover{background:rgba(15,110,86,.04)}.ledger-row .top{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.ledger-row .op{font-family:var(--mono);font-size:.82rem}.ledger-row .sub{margin-top:.3rem;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.badge{font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .45rem;border-radius:999px;border:1px solid}.badge.applied{color:var(--signal)}.badge.ambiguous{color:var(--warn)}.badge.not_applied{color:var(--danger)}.badge.in_flight{color:#2b5ea7}.detail-note{border-left:3px solid var(--signal);background:#f7faf8;padding:.75rem .9rem;border-radius:0 10px 10px 0;font-size:.92rem;margin-bottom:1rem}.section-label{margin:0 0 .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kv{grid-gap:.55rem;gap:.55rem;margin-bottom:1rem}.kv,.kv-row{display:grid}.kv-row{grid-template-columns:7rem 1fr;grid-gap:.5rem;gap:.5rem;font-size:.85rem}.kv-row span:first-child{color:var(--muted);font-family:var(--mono);font-size:.72rem;padding-top:.15rem}.timeline{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.tl-item{display:grid;grid-template-columns:5.5rem 1fr;grid-gap:.5rem;gap:.5rem;font-size:.84rem}.tl-item time{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.empty{color:var(--muted);padding:1.5rem .25rem;font-size:.92rem}.agent-switch{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.agent-switch a{border:1px solid var(--line);background:hsla(0,0%,100%,.65);border-radius:999px;padding:.35rem .75rem;font-size:.82rem;color:var(--ink-soft)}.agent-switch a.active{border-color:rgba(15,110,86,.35);color:var(--signal);background:var(--signal-soft)}.shell.deep{max-width:1180px}.kicker-line{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--signal);font-weight:650}.reveal{animation:rise .55s ease both}.reveal.delay-1{animation-delay:.08s}.reveal.delay-2{animation-delay:.16s}.reveal.delay-3{animation-delay:.24s}.reveal.delay-4{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pipeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.65rem;gap:.65rem}@media (max-width:960px){.pipeline{grid-template-columns:1fr}}.pipeline li{display:grid;grid-gap:.35rem;gap:.35rem;padding:.75rem .8rem;border-radius:10px;background:#f7f6f2;border:1px solid var(--line);min-height:100%}.pipeline li em{font-style:normal;font-family:var(--mono);font-size:.68rem;color:var(--signal);font-weight:650}.pipeline li strong{display:block;font-size:.92rem;letter-spacing:-.02em;margin-bottom:.2rem}.pipeline li p{margin:0;font-size:.8rem;line-height:1.4;color:var(--ink-soft)}.why-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.25rem}@media (max-width:800px){.why-grid{grid-template-columns:1fr}}.bullet-list{margin:0;padding:0 0 0 1.05rem;display:grid;grid-gap:.55rem;gap:.55rem;color:var(--ink-soft);font-size:.9rem;line-height:1.45}.bullet-list.signal li::marker{color:var(--signal)}.motion-stage{margin-top:1.5rem}.motion-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:900px){.motion-grid{grid-template-columns:1fr}}.story-trace{border:1px solid var(--line-strong);border-radius:14px;background:hsla(0,0%,100%,.92);overflow:hidden;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),0 18px 48px rgba(11,13,16,.08)}.story-trace-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.05rem;color:#e7eee9;background:linear-gradient(120deg,hsla(0,0%,100%,.035),transparent 35%),var(--night)}.story-trace-bar>div{display:grid;grid-gap:.1rem;gap:.1rem}.trace-eyebrow{color:#7fb49f;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mode-naive .trace-eyebrow{color:#d4a5a5}.trace-title{font-size:.9rem;font-weight:600;letter-spacing:-.02em}.trace-status{position:relative;min-width:5.6rem;min-height:1.55rem}.status-chip{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:.26rem .55rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.status-fail-anim{color:#f0b4b4;background:hsla(0,67%,82%,.14);opacity:0;animation:statusFail var(--loop) ease-in-out infinite}.status-resolving-anim{color:#d8b45c;background:rgba(216,180,92,.13);animation:statusResolving var(--loop) ease-in-out infinite}.status-verified-anim{color:#7fd6b4;background:rgba(127,214,180,.13);opacity:0;animation:statusVerified var(--loop) ease-in-out infinite}@keyframes statusFail{0%,58%{opacity:0}68%,96%{opacity:1}to{opacity:0}}@keyframes statusResolving{0%,58%{opacity:1}63%,to{opacity:0}}@keyframes statusVerified{0%,60%{opacity:0}65%,96%{opacity:1}to{opacity:0}}.story-beats{list-style:none;margin:0;padding:1.15rem 1.1rem .35rem;display:grid;grid-gap:.85rem;gap:.85rem}.story-beat{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:.75rem;gap:.75rem;opacity:0}.story-beat:not(:last-child):after{content:"";position:absolute;left:calc(.7rem - 1px);top:calc(1.4rem + .15rem);width:2px;height:calc(100% + .85rem - 1.4rem);border-radius:2px;background:var(--line)}.beat-1{animation:beatIn1 var(--loop) ease-in-out infinite}.beat-2{animation:beatIn2 var(--loop) ease-in-out infinite}.beat-3{animation:beatIn3 var(--loop) ease-in-out infinite}.beat-4{animation:beatIn4 var(--loop) ease-in-out infinite}.beat-5{animation:beatIn5 var(--loop) ease-in-out infinite}@keyframes beatIn1{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}@keyframes beatIn2{0%,16%{opacity:0;transform:translateY(6px)}21%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}@keyframes beatIn3{0%,32%{opacity:0;transform:translateY(6px)}37%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}@keyframes beatIn4{0%,48%{opacity:0;transform:translateY(6px)}53%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}@keyframes beatIn5{0%,64%{opacity:0;transform:translateY(6px)}69%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}.beat-dot{display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;flex-shrink:0}.beat-dot.tone-ink{background:#eceae5}.beat-dot.tone-ink:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-soft)}.beat-dot.tone-warn{background:var(--warn-soft)}.beat-dot.tone-warn:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#bd850e;animation:warnPulse 1.6s ease-out infinite}.beat-dot.tone-scan{background:var(--signal-soft)}.beat-dot.tone-scan:before{content:"";width:.85rem;height:.85rem;border-radius:50%;border:2px solid rgba(15,110,86,.28);border-top:2px solid var(--signal);animation:spin 1s linear infinite}.beat-dot.tone-bad{background:var(--danger-soft)}.beat-dot.tone-bad:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--danger);animation:warnPulse 1.4s ease-out infinite}.beat-dot.tone-ok{background:var(--signal);box-shadow:0 0 0 4px var(--signal-soft)}.beat-dot.tone-ok svg{width:.95rem;height:.95rem}.beat-dot.tone-ok path{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:checkDraw var(--loop) ease-in-out infinite}@keyframes warnPulse{0%{box-shadow:0 0 0 0 var(--warn-soft)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes checkDraw{0%,66%{stroke-dashoffset:20}74%,to{stroke-dashoffset:0}}.beat-text strong{display:block;font-size:.86rem;font-weight:600;letter-spacing:-.02em}.beat-text span{display:block;margin-top:.1rem;color:var(--muted);font-size:.76rem;line-height:1.35}.story-outcome{display:grid;grid-gap:.15rem;gap:.15rem;margin:1rem 1.1rem 1.1rem;padding:.85rem .95rem;border-radius:10px;opacity:0;animation:outcomeIn var(--loop) ease-in-out infinite}.story-outcome.good{border:1px solid rgba(15,110,86,.24);background:linear-gradient(100deg,rgba(15,110,86,.11),rgba(15,110,86,.035))}.story-outcome.bad{border:1px solid rgba(155,44,44,.22);background:linear-gradient(100deg,rgba(155,44,44,.1),rgba(155,44,44,.03))}.story-outcome strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.story-outcome span{color:var(--ink);font-size:.88rem;font-weight:550;letter-spacing:-.01em}@keyframes outcomeIn{0%,72%{opacity:0;transform:translateY(4px)}78%{opacity:1;transform:translateY(0)}96%{opacity:1}to{opacity:0}}.choice .pain-hint{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);line-height:1.4}.product-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-top:1.5rem}@media (max-width:800px){.product-strip{grid-template-columns:1fr}}.product-strip article{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.65)}.product-strip strong{display:block;font-size:.88rem;margin-bottom:.25rem;letter-spacing:-.02em}.product-strip p{margin:0;font-size:.8rem;color:var(--ink-soft);line-height:1.4}@media (prefers-reduced-motion:reduce){.beat-dot.tone-bad:before,.beat-dot.tone-ok path,.beat-dot.tone-scan:before,.beat-dot.tone-warn:before,.reveal,.status-chip,.story-beat,.story-outcome{animation:none!important}.status-fail-anim,.status-verified-anim,.story-beat,.story-outcome{opacity:1!important;transform:none!important}.status-resolving-anim{display:none}}