@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Fraunces;src:url('/fonts/fraunces-latin-variable.woff2') format('woff2');font-weight:300 800;font-display:swap}
:root{--paper:#f7f1e8;--paper-2:#eee2d1;--ink:#0b2139;--ink-2:#21394f;--muted:#647383;--teal:#0d807c;--teal-light:#d8efea;--sun:#f2cc56;--coral:#d66a4a;--line:rgba(11,33,57,.14);--surface:rgba(255,252,247,.82);--surface-solid:#fffcf7;--code:#091827;--code-ink:#dbe9f5;--focus:#1967d2;--shadow:0 24px 70px rgba(29,42,52,.12);--radius:22px;--max:1180px;color-scheme:light dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 4%,rgba(13,128,124,.13),transparent 25rem),radial-gradient(circle at 94% 30%,rgba(242,204,86,.16),transparent 27rem),var(--paper);color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:10px;background:var(--ink);color:white;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(247,241,232,.88);backdrop-filter:blur(18px)}
.nav-shell{width:min(calc(100% - 32px),var(--max));min-height:76px;margin:auto;display:flex;align-items:center;gap:26px}
.brand{margin-right:auto;text-decoration:none}.brand img{width:174px}
.site-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.site-nav a{padding:9px 11px;border-radius:999px;color:var(--ink-2);font-size:.86rem;font-weight:700;text-decoration:none}.site-nav a:hover{background:rgba(13,128,124,.1)}.site-nav a[aria-current="page"],.site-nav a[aria-current="page"]:hover{background:var(--ink);color:white}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border:1px solid var(--ink);border-radius:999px;background:transparent;font-size:.86rem;font-weight:800;text-decoration:none}.nav-cta:hover{background:var(--ink);color:white}
.home-site-nav .home-login-link{padding-inline:9px;background:transparent;color:#5f6f7f;font-size:.78rem;font-weight:650}.home-site-nav .home-login-link:hover{background:rgba(13,128,124,.07);color:var(--ink-2)}
main{overflow:hidden}
.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.hero{padding:clamp(72px,10vw,136px) 0 80px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);gap:clamp(38px,7vw,96px);align-items:center}
.eyebrow{margin:0 0 18px;color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:30px;height:2px;margin-right:10px;vertical-align:middle;background:currentColor}
h1,h2,h3{color:var(--ink);line-height:1.08;text-wrap:balance}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.045em}h1{max-width:780px;margin:0;font-size:clamp(3rem,7vw,6.6rem)}h2{margin:0;font-size:clamp(2.2rem,4.6vw,4.2rem)}h3{margin:0;font-size:1.15rem;letter-spacing:-.02em}
.hero .lede,.page-lede{max-width:720px;margin:27px 0 0;color:var(--ink-2);font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 21px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-weight:800;text-decoration:none}.button:hover{background:var(--teal);border-color:var(--teal)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--ink);color:white}.button.small{min-height:42px;padding:0 16px;font-size:.88rem}
.counsel-card{position:relative;padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:linear-gradient(145deg,#102d49,#081a2e);box-shadow:var(--shadow);color:#eef8fa}.counsel-card::before{content:"J";position:absolute;right:24px;top:8px;color:rgba(255,255,255,.08);font-family:Fraunces;font-size:9rem;line-height:1}.counsel-card .label{color:#85d7ce;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.counsel-card h2{position:relative;margin:62px 0 24px;color:white;font-size:clamp(2rem,4vw,3.2rem)}.counsel-card blockquote{position:relative;margin:0;padding-left:18px;border-left:2px solid var(--sun);color:#ccdae5;font-size:1rem}.signal-row{position:relative;display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.signal{padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#c8d8e4;font-size:.74rem}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.32)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:24px 22px;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust-grid strong{display:block;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.trust-grid span{display:block;margin-top:5px;color:var(--muted);font-size:.86rem}
.section{padding:clamp(76px,10vw,126px) 0}.section.alt{background:rgba(255,255,255,.32);border-block:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1fr);gap:50px;align-items:end;margin-bottom:52px}.section-head p{max-width:610px;margin:0;color:var(--muted);font-size:1.04rem}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 34px rgba(34,43,48,.05)}.card .index{display:grid;width:38px;height:38px;margin-bottom:48px;place-items:center;border-radius:50%;background:var(--teal-light);color:#096966;font-size:.78rem;font-weight:900}.card p{margin:12px 0 0;color:var(--muted)}.card a{display:inline-block;margin-top:20px;color:var(--teal);font-weight:800}.card.accent{background:var(--teal);color:white}.card.accent h3,.card.accent p,.card.accent a{color:white}.card.accent .index{background:rgba(255,255,255,.18);color:#0b2139}
.flow{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:flow}.flow article{position:relative;padding:30px 24px 24px;border-top:1px solid var(--line);counter-increment:flow}.flow article::before{content:"0" counter(flow);position:absolute;top:-15px;left:24px;padding:2px 9px;background:var(--paper);color:var(--teal);font-size:.72rem;font-weight:900}.flow p{margin:10px 0 0;color:var(--muted);font-size:.92rem}
.disposition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.disposition{min-height:210px;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.disposition::before{content:"";display:block;width:11px;height:11px;margin-bottom:55px;border-radius:50%;background:var(--teal)}.disposition:nth-child(2)::before{background:#b1902f}.disposition:nth-child(3)::before{background:#4777bd}.disposition:nth-child(4)::before{background:var(--coral)}.disposition:nth-child(5)::before{background:#9e3333}.disposition code{color:var(--ink);font-size:.76rem;font-weight:800;word-break:break-word}.disposition p{margin:9px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}
.code-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:var(--code);box-shadow:var(--shadow);color:var(--code-ink)}.code-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#91adbf;font-size:.75rem}.copy-button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:white;font-weight:700}.copy-button:hover{background:rgba(255,255,255,.15)}figure{margin:0}pre{max-width:100%;margin:0;padding:24px;overflow:auto;font:500 .81rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.token-key{color:#8bd8ce}.token-string{color:#f0cd72}.token-comment{color:#7490a4}
.callout{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px;border:1px solid rgba(13,128,124,.25);border-radius:var(--radius);background:var(--teal-light)}.callout-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--teal);color:white;font-weight:900}.callout h3{font-size:1rem}.callout p{margin:6px 0 0;color:var(--ink-2)}
.page-hero{padding:70px 0 58px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:900px;font-size:clamp(2.8rem,6vw,5.5rem)}.breadcrumb{display:flex;gap:8px;margin:0 0 18px;color:var(--muted);font-size:.8rem}.breadcrumb a{color:var(--teal);font-weight:800}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(40px,7vw,100px);padding:64px 0 110px}.toc{position:sticky;top:104px;align-self:start}.toc strong{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.toc ol{display:grid;gap:3px;margin:14px 0 0;padding:0;list-style:none}.toc a{display:block;padding:7px 10px;border-left:2px solid var(--line);color:var(--muted);font-size:.82rem;text-decoration:none}.toc a:hover{border-color:var(--teal);color:var(--ink)}
.prose{min-width:0}.prose>section{padding:0 0 68px}.prose h2{font-size:clamp(2rem,4vw,3rem)}.prose h3{margin-top:30px}.prose p,.prose li{color:var(--ink-2)}.prose p{max-width:760px}.prose ol,.prose ul{max-width:760px;padding-left:22px}.prose li+li{margin-top:9px}.prose .code-card{margin-top:22px}.inline-code{padding:.13em .38em;border-radius:5px;background:rgba(11,33,57,.08);font-size:.86em}.endpoint{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:20px 0}.method{padding:4px 8px;border-radius:7px;background:var(--teal);color:white;font-size:.72rem;font-weight:900}.endpoint code{font-weight:800}.table-wrap{max-width:100%;margin-top:22px;overflow-x:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;min-width:650px;border-collapse:collapse;background:var(--surface)}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.85rem}th{background:rgba(11,33,57,.05);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}tr:last-child td{border-bottom:0}
.steps{display:grid;gap:18px;counter-reset:step}.step{position:relative;padding:30px 30px 30px 82px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);counter-increment:step}.step::before{content:counter(step);position:absolute;top:28px;left:26px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--ink);color:white;font-weight:900}.step h3{font-size:1.25rem}.step p{margin-bottom:0}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0!important;list-style:none}.checklist li{position:relative;margin:0!important;padding:17px 17px 17px 48px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.checklist li::before{content:"✓";position:absolute;left:17px;color:var(--teal);font-weight:900}
.credential-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:22px;align-items:start}.panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel h2{font-family:Manrope;font-size:1.35rem;letter-spacing:-.025em}.panel>p{color:var(--muted)}fieldset{margin:0;padding:0;border:0}.field{display:grid;gap:7px;margin-top:18px}.field label,.field-label{font-size:.78rem;font-weight:800}.field input,.field select{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(11,33,57,.25);border-radius:10px;background:var(--surface-solid);color:var(--ink)}.field small{color:var(--muted)}.check-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:20px}.check-field input{width:20px;height:20px;margin:3px 0 0}.form-actions{margin-top:24px}.form-error{margin:14px 0 0;color:#a32828;font-weight:700}.credential-list{display:grid;gap:11px;margin-top:20px}.credential{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.36)}.credential h3{font-size:.96rem}.credential p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.credential.revoked{opacity:.6}.danger-button{min-height:40px;padding:0 13px;border:1px solid #a43838;border-radius:999px;background:transparent;color:#8c2424;font-weight:800}.empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.status{min-height:24px;margin:0 0 18px;color:var(--muted)}
dialog{width:min(calc(100% - 28px),620px);padding:0;border:0;border-radius:24px;background:var(--surface-solid);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,12,23,.65);backdrop-filter:blur(4px)}.dialog-body{padding:28px}.dialog-body h2{font-family:Manrope;font-size:1.35rem}.secret-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px;padding:12px;border-radius:12px;background:var(--code);color:var(--code-ink)}.secret-box code{align-self:center;min-width:0;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.faq summary{padding:18px 20px;font-weight:800;cursor:pointer}.faq details p{margin:0;padding:0 20px 20px;color:var(--muted)}
.cta-band{padding:70px 0;background:var(--ink);color:white}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-grid h2{color:white;font-size:clamp(2.2rem,5vw,4rem)}.cta-grid p{max-width:670px;color:#bfcdda}.cta-grid .button{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.site-footer{padding:42px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.footer-brand img{width:150px}.footer-brand p{max-width:460px;color:var(--muted);font-size:.82rem}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem;font-weight:700}.fine-print{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}

/* Interactive agent consultation demo */
.demo-page{--demo-night:#061421;--demo-panel:#0b2032;--demo-aqua:#64d7ca;--demo-gold:#f2cc56;--demo-blue:#78a8ed;--demo-coral:#ed8465}.demo-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 20%,rgba(100,215,202,.2),transparent 24rem),radial-gradient(circle at 96% 90%,rgba(242,204,86,.15),transparent 22rem)}.demo-hero::after{content:"";position:absolute;z-index:-1;right:6%;bottom:-72px;width:210px;height:210px;border:1px solid rgba(13,128,124,.22);border-radius:50%;box-shadow:0 0 0 24px rgba(13,128,124,.04),0 0 0 52px rgba(13,128,124,.03)}.demo-section{padding:76px 0 108px}.demo-intro{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:28px}.demo-intro h2{font-size:clamp(2.2rem,4vw,3.8rem)}.scenario-picker legend{margin-bottom:9px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scenario-options{display:flex;gap:7px;padding:6px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.45)}.scenario-options button{min-height:40px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800}.scenario-options button:hover{color:var(--ink);background:rgba(13,128,124,.08)}.scenario-options button[aria-pressed="true"]{background:var(--ink);box-shadow:0 6px 18px rgba(11,33,57,.16);color:white}
.ethical-demo{overflow:hidden;border:1px solid rgba(100,215,202,.23);border-radius:30px;background:var(--demo-night);box-shadow:0 35px 90px rgba(5,22,34,.23);color:#eaf4f8}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 18px 12px 25px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(6,20,33,.94)}.demo-live{display:flex;align-items:center;gap:10px;color:#9cb1bf;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:#73909c;box-shadow:0 0 0 5px rgba(115,144,156,.1)}.ethical-demo[data-phase]:not([data-phase="0"]) .live-dot{background:var(--demo-aqua);box-shadow:0 0 0 5px rgba(100,215,202,.12),0 0 20px rgba(100,215,202,.65);animation:demo-pulse 1.8s ease-in-out infinite}.demo-controls{display:flex;gap:8px}.demo-control{min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.055);color:#dce9ef;font-size:.76rem;font-weight:800}.demo-control:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.11)}.demo-control.primary{border-color:var(--demo-aqua);background:var(--demo-aqua);color:#071b28}.play-glyph{display:inline-block;margin-right:6px}.ethical-demo.is-playing .play-glyph{transform:rotate(90deg)}
.mission-strip{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:57px;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(100,215,202,.1),transparent 34%,rgba(242,204,86,.06));font-size:.83rem}.mission-strip>span:first-child{color:var(--demo-aqua);font-size:.62rem;font-weight:900;letter-spacing:.16em}.mission-strip strong{overflow:hidden;color:white;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mission-clock{padding:4px 9px;border:1px solid rgba(242,204,86,.3);border-radius:7px;color:var(--demo-gold);font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
.demo-canvas{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr) minmax(0,1fr);gap:42px;align-items:center;min-height:510px;padding:58px 44px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(100,215,202,.13),transparent 20rem),radial-gradient(circle at 88% 15%,rgba(120,168,237,.1),transparent 21rem),linear-gradient(145deg,#071827,#06121e)}.grid-glow{position:absolute;z-index:-2;inset:0;opacity:.32;background-image:linear-gradient(rgba(145,184,198,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(145,184,198,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.grid-glow::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(100,215,202,.08),transparent);transform:translateX(-100%)}.ethical-demo.is-playing .grid-glow::after{animation:grid-scan 5s linear infinite}.demo-connectors{position:absolute;z-index:-1;inset:0;width:100%;height:100%}.connector-base{fill:none;stroke:rgba(150,184,198,.2);stroke-width:2;stroke-dasharray:4 7}.connector-flow{fill:none;stroke:url(#flowGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 240;opacity:0}.ethical-demo[data-phase="2"] .connector-flow-a,.ethical-demo[data-phase="3"] .connector-flow-a{opacity:1;animation:line-flow 1.4s linear infinite}.ethical-demo[data-phase="4"] .connector-flow-b,.ethical-demo[data-phase="5"] .connector-flow-b,.ethical-demo[data-phase="6"] .connector-flow-b{opacity:1;animation:line-flow 1.4s linear infinite}.data-packet{position:absolute;z-index:5;top:calc(50% - 17px);display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:10px;background:#102f42;box-shadow:0 0 24px rgba(100,215,202,.35);color:var(--demo-aqua);font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0}.packet-a{left:25%}.packet-b{left:57%;color:var(--demo-gold)}.ethical-demo[data-phase="2"] .packet-a{animation:packet-to-jymni 1.55s cubic-bezier(.2,.8,.2,1) both}.ethical-demo[data-phase="4"] .packet-b{animation:packet-to-gate 1.55s cubic-bezier(.2,.8,.2,1) both}
.system-node{position:relative;z-index:2;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(145deg,rgba(17,47,67,.94),rgba(7,27,43,.94));box-shadow:0 20px 40px rgba(0,0,0,.24);color:#dbe8ed;transition:border-color .55s ease,box-shadow .55s ease,transform .55s cubic-bezier(.2,.75,.2,1),opacity .55s ease}.system-node h3{color:white;font-family:Manrope;font-size:1rem;letter-spacing:-.01em}.node-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.node-kicker{color:#88a8b6;font-size:.57rem;font-weight:900;letter-spacing:.14em}.node-status{display:flex;align-items:center;gap:6px;color:#92a7b1;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.node-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.agent-identity{display:flex;gap:12px;align-items:center;padding:18px 17px 13px}.agent-identity p,.jymni-copy p{margin:4px 0 0;color:#8fa7b4;font-size:.7rem}.agent-avatar{position:relative;display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(100,215,202,.35);border-radius:12px;background:rgba(100,215,202,.08)}.agent-avatar::before,.agent-avatar::after,.agent-avatar span{content:"";position:absolute;border:2px solid var(--demo-aqua)}.agent-avatar::before{width:18px;height:13px;border-radius:5px}.agent-avatar::after{top:8px;width:2px;height:5px;border:0;background:var(--demo-aqua)}.agent-avatar span{bottom:7px;width:14px;height:4px;border-width:0 2px 2px}.thought-window{position:relative;display:flex;gap:7px;min-height:99px;margin:0 14px;padding:13px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,13,23,.48);font:500 .66rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.thought-window p{margin:0;color:#c2d0d7}.terminal-prompt{color:var(--demo-aqua);font-weight:900}.typing-caret{width:6px;height:13px;margin-top:2px;background:var(--demo-aqua);opacity:.25}.ethical-demo.is-playing .typing-caret{animation:caret-blink .8s step-end infinite}.tool-rack{display:flex;gap:5px;flex-wrap:wrap;padding:13px 14px 16px}.tool{display:flex;gap:5px;align-items:center;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#8da3af;font-size:.56rem;font-weight:750}.tool i{display:grid;width:13px;height:13px;place-items:center;border-radius:4px;background:rgba(255,255,255,.08);font-style:normal}.tool.ethics{margin-left:auto;color:var(--demo-aqua);border-color:rgba(100,215,202,.28)}.ethical-demo[data-phase="1"] .agent-node{border-color:rgba(242,204,86,.62);box-shadow:0 20px 50px rgba(242,204,86,.1);transform:translateY(-5px)}.ethical-demo[data-phase="1"] .tool.pending{color:var(--demo-gold);border-color:rgba(242,204,86,.38)}
.jymni-node{display:flex;min-height:250px;padding:26px 19px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(100,215,202,.13),transparent 55%),linear-gradient(145deg,rgba(13,44,59,.97),rgba(5,25,40,.97))}.jymni-orbit{position:relative;width:106px;height:106px;margin:0 auto 18px}.jymni-core{position:absolute;z-index:3;inset:29px;display:grid;place-items:center;border:1px solid rgba(100,215,202,.65);border-radius:50%;background:radial-gradient(circle at 36% 28%,#195d64,#0b3040 66%);box-shadow:0 0 24px rgba(100,215,202,.26);color:white;font:600 1.65rem Fraunces,Georgia,serif}.orbit{position:absolute;border:1px solid rgba(100,215,202,.27);border-radius:50%}.orbit-one{inset:11px}.orbit-two{inset:1px;transform:rotate(58deg);border-style:dashed}.orbit-three{inset:21px;border-color:rgba(242,204,86,.3)}.orbit-pip{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:var(--demo-aqua);box-shadow:0 0 9px currentColor}.pip-one{left:13px;top:27px}.pip-two{right:8px;top:52px;background:var(--demo-gold)}.pip-three{left:46px;bottom:0;background:var(--demo-blue)}.jymni-copy p{min-height:36px}.lens-row{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:13px}.lens-row span{padding:4px 6px;border-radius:5px;background:rgba(100,215,202,.08);color:#8db8ba;font-size:.49rem;font-weight:800}.ethical-demo[data-phase="2"] .jymni-node,.ethical-demo[data-phase="3"] .jymni-node,.ethical-demo[data-phase="4"] .jymni-node{border-color:rgba(100,215,202,.68);box-shadow:0 0 45px rgba(100,215,202,.16);transform:scale(1.035)}.ethical-demo[data-phase="3"] .orbit-one{animation:orbit-clockwise 2.7s linear infinite}.ethical-demo[data-phase="3"] .orbit-two{animation:orbit-counter 3.7s linear infinite}.ethical-demo[data-phase="3"] .orbit-three{animation:demo-pulse 1.2s ease-in-out infinite}.ethical-demo[data-phase="3"] .jymni-core{animation:core-breathe 1.5s ease-in-out infinite}.ethical-demo[data-phase="3"] .lens-row span{animation:lens-think 1.2s ease-in-out infinite}.ethical-demo[data-phase="3"] .lens-row span:nth-child(2){animation-delay:.2s}.ethical-demo[data-phase="3"] .lens-row span:nth-child(3){animation-delay:.4s}
.action-node{align-self:stretch;display:flex;min-height:290px;padding-bottom:14px;flex-direction:column}.action-node>h3{padding:16px 16px 9px}.plan-stack{position:relative;min-height:128px;margin:0 13px}.plan-card{position:absolute;inset:0;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(2,13,23,.4);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease}.plan-card>span{color:#91a6b0;font-size:.52rem;font-weight:900;letter-spacing:.12em}.plan-card p{margin:7px 0 0;color:#cbd7dc;font-size:.66rem;line-height:1.55}.revised-plan{border-color:rgba(100,215,202,.32);background:rgba(20,88,82,.18);opacity:0;transform:translateY(14px) scale(.97)}.revised-plan>span{color:var(--demo-aqua)}.plan-proof{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.plan-proof span{color:#82c9c1;font-size:.49rem;font-weight:800}.action-button{display:flex;gap:9px;align-items:center;margin:auto 13px 0;padding:10px 12px;border:1px solid rgba(242,204,86,.24);border-radius:10px;background:rgba(242,204,86,.06);color:var(--demo-gold);font-size:.63rem}.action-button span{font-size:.8rem}.ethical-demo[data-phase="4"] .action-node{border-color:rgba(242,204,86,.55)}.ethical-demo[data-phase="5"] .original-plan,.ethical-demo[data-phase="6"] .original-plan{opacity:.18;transform:translateY(-12px) scale(.96);filter:grayscale(1)}.ethical-demo[data-phase="5"] .original-plan p,.ethical-demo[data-phase="6"] .original-plan p{text-decoration:line-through;text-decoration-color:var(--demo-coral);text-decoration-thickness:2px}.ethical-demo[data-phase="5"] .revised-plan,.ethical-demo[data-phase="6"] .revised-plan{opacity:1;transform:none}.ethical-demo[data-phase="5"] .action-node,.ethical-demo[data-phase="6"] .action-node{border-color:rgba(100,215,202,.65);box-shadow:0 18px 55px rgba(100,215,202,.13);transform:translateY(-5px)}.ethical-demo[data-phase="5"] .action-button,.ethical-demo[data-phase="6"] .action-button{border-color:rgba(100,215,202,.32);background:rgba(100,215,202,.1);color:var(--demo-aqua)}
.chapter-rail{display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0;border-block:1px solid rgba(255,255,255,.1);background:#081a29;list-style:none}.chapter-rail li{min-width:0}.chapter-rail button{position:relative;width:100%;min-height:105px;padding:19px 13px;border:0;border-right:1px solid rgba(255,255,255,.09);background:transparent;color:#718b99;text-align:left;transition:background .3s ease,color .3s ease}.chapter-rail li:last-child button{border-right:0}.chapter-rail button::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--demo-aqua);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}.chapter-rail button:hover{background:rgba(255,255,255,.04);color:#dce9ee}.chapter-rail button[aria-current="step"]{background:linear-gradient(to top,rgba(100,215,202,.1),transparent);color:white}.chapter-rail button[aria-current="step"]::after{transform:scaleX(1)}.chapter-rail button>span{display:block;margin-bottom:10px;color:var(--demo-aqua);font:800 .58rem ui-monospace,SFMono-Regular,Menlo,monospace}.chapter-rail strong,.chapter-rail small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-rail strong{font-size:.7rem}.chapter-rail small{margin-top:3px;color:#718b99;font-size:.54rem}
.counsel-reveal{display:grid;grid-template-columns:.82fr 1.18fr;gap:16px;max-height:0;padding:0 22px;overflow:hidden;background:linear-gradient(180deg,#071725,#0a1c2c);opacity:0;transform:translateY(18px);transition:max-height .85s cubic-bezier(.2,.75,.2,1),padding .65s ease,opacity .55s ease,transform .65s ease}.ethical-demo[data-phase="2"] .counsel-reveal,.ethical-demo[data-phase="3"] .counsel-reveal,.ethical-demo[data-phase="4"] .counsel-reveal,.ethical-demo[data-phase="5"] .counsel-reveal,.ethical-demo[data-phase="6"] .counsel-reveal{max-height:760px;padding:24px 22px;opacity:1;transform:none}.case-envelope,.counsel-panel{min-width:0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(13,38,55,.72)}.envelope-top,.counsel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.envelope-top{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#7f9aa7;font:700 .52rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.case-envelope h3,.counsel-panel h3{margin-top:18px;color:white;font-family:Manrope;font-size:.94rem}.case-envelope dl{display:grid;gap:0;margin:14px 0 0}.case-envelope dl div{display:grid;grid-template-columns:78px 1fr;gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.case-envelope dt{color:var(--demo-aqua);font-size:.58rem;font-weight:800}.case-envelope dd{margin:0;color:#bdcbd2;font-size:.62rem}.counsel-panel{opacity:.24;filter:blur(3px);transform:translateY(8px);transition:opacity .7s ease,filter .7s ease,transform .7s ease,border-color .7s ease}.ethical-demo[data-phase="4"] .counsel-panel,.ethical-demo[data-phase="5"] .counsel-panel,.ethical-demo[data-phase="6"] .counsel-panel{border-color:rgba(100,215,202,.28);opacity:1;filter:none;transform:none}.counsel-heading h3{margin-top:5px}.classification-pill{padding:6px 9px;border:1px solid rgba(242,204,86,.4);border-radius:999px;background:rgba(242,204,86,.08);color:var(--demo-gold);font-size:.53rem;font-weight:900;letter-spacing:.09em}.judgment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:17px}.matrix-mini{display:grid;grid-template-columns:15px 1fr 1fr;grid-template-rows:1fr 1fr 14px;gap:3px}.matrix-label{color:#6f8997;font-size:.43rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.matrix-label.y{grid-row:1/3;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.matrix-label.x{grid-column:2/4;text-align:center}.matrix-mini .cell{display:grid;min-height:40px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#728c98;font-size:.49rem;font-weight:800}.matrix-mini .cell.active{border-color:var(--demo-gold);background:rgba(242,204,86,.13);box-shadow:inset 0 0 20px rgba(242,204,86,.08);color:var(--demo-gold)}.score-stack{display:grid;gap:10px}.score-stack>div{display:grid;grid-template-columns:1fr auto;gap:3px;align-items:center}.score-stack span{color:#96abb5;font-size:.56rem;font-weight:750}.score-stack strong{color:white;font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace}.score-stack i{grid-column:1/3;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}.score-stack b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--demo-aqua),var(--demo-gold));transition:width 1.3s cubic-bezier(.2,.75,.2,1)}.score-stack small{color:#657e8b;font-size:.48rem;line-height:1.35}.disposition-banner{margin-top:16px;padding:14px;border-left:3px solid var(--demo-coral);border-radius:5px 10px 10px 5px;background:rgba(237,132,101,.08)}.disposition-banner span{display:block;color:var(--demo-coral);font-size:.48rem;font-weight:900;letter-spacing:.12em}.disposition-banner strong{display:block;margin-top:3px;color:white;font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace}.disposition-banner p{margin:7px 0 0;color:#bac9d0;font-size:.6rem;line-height:1.5}.advice-list{display:grid;gap:5px;margin:12px 0 0;padding:0;list-style:none}.advice-list li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);opacity:0;transform:translateX(-7px)}.ethical-demo[data-phase="4"] .advice-list li,.ethical-demo[data-phase="5"] .advice-list li,.ethical-demo[data-phase="6"] .advice-list li{animation:advice-enter .42s ease forwards}.ethical-demo[data-phase="4"] .advice-list li:nth-child(2),.ethical-demo[data-phase="5"] .advice-list li:nth-child(2),.ethical-demo[data-phase="6"] .advice-list li:nth-child(2){animation-delay:.14s}.ethical-demo[data-phase="4"] .advice-list li:nth-child(3),.ethical-demo[data-phase="5"] .advice-list li:nth-child(3),.ethical-demo[data-phase="6"] .advice-list li:nth-child(3){animation-delay:.28s}.advice-list li>span{color:var(--demo-aqua);font:800 .52rem ui-monospace,SFMono-Regular,Menlo,monospace}.advice-list p{margin:0;color:#c3d0d6;font-size:.57rem;line-height:1.35}.advice-list strong{padding:3px 5px;border-radius:4px;background:rgba(100,215,202,.1);color:var(--demo-aqua);font-size:.43rem;letter-spacing:.05em}
.behavior-diff{display:grid;grid-template-columns:.8fr 1.25fr .75fr;gap:18px;align-items:center;max-height:0;padding:0 22px;overflow:hidden;border-top:0 solid rgba(255,255,255,.1);background:#05131f;opacity:0;transform:translateY(18px);transition:max-height .75s ease,padding .65s ease,opacity .55s ease,transform .65s ease}.ethical-demo[data-phase="5"] .behavior-diff,.ethical-demo[data-phase="6"] .behavior-diff{max-height:330px;padding:26px 22px;border-top-width:1px;opacity:1;transform:none}.diff-heading h3{margin-top:6px;color:white;font-family:Manrope;font-size:1rem}.diff-code{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#020d16;font:500 .58rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.diff-code p{display:grid;grid-template-columns:16px 1fr;gap:6px;margin:0;padding:7px;border-radius:5px}.diff-code code{overflow-wrap:anywhere;color:inherit}.diff-code .removed{background:rgba(237,132,101,.08);color:#df9a89;text-decoration:line-through}.diff-code .added{margin-top:4px;background:rgba(100,215,202,.09);color:#91d8d0}.audit-receipt{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid rgba(100,215,202,.3);border-radius:12px;background:rgba(100,215,202,.07);opacity:.2;transform:scale(.92);transition:opacity .55s ease,transform .55s cubic-bezier(.2,1.4,.3,1)}.ethical-demo[data-phase="6"] .audit-receipt{opacity:1;transform:none}.receipt-mark{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--demo-aqua);box-shadow:0 0 22px rgba(100,215,202,.35);color:#06202a;font-weight:900}.audit-receipt span{display:block;color:var(--demo-aqua);font-size:.47rem;font-weight:900;letter-spacing:.1em}.audit-receipt strong{display:block;margin-top:3px;color:white;font:700 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.audit-receipt p{margin:3px 0 0;color:#7f9ba7;font-size:.48rem;line-height:1.3}.confetti{position:absolute;z-index:8;inset:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:41%;left:73%;width:7px;height:13px;border-radius:2px;background:var(--demo-aqua);opacity:0}.confetti span:nth-child(2n){background:var(--demo-gold)}.confetti span:nth-child(3n){background:var(--demo-coral)}.confetti span:nth-child(4n){background:var(--demo-blue)}.ethical-demo[data-phase="6"] .confetti span{animation:confetti-burst 1.5s cubic-bezier(.12,.8,.2,1) both}.confetti span:nth-child(2){--x:62px;--y:-105px;--r:145deg;animation-delay:.05s!important}.confetti span:nth-child(3){--x:105px;--y:-58px;--r:265deg;animation-delay:.1s!important}.confetti span:nth-child(4){--x:84px;--y:45px;--r:185deg;animation-delay:.15s!important}.confetti span:nth-child(5){--x:22px;--y:91px;--r:320deg;animation-delay:.2s!important}.confetti span:nth-child(6){--x:-48px;--y:76px;--r:125deg;animation-delay:.08s!important}.confetti span:nth-child(7){--x:-95px;--y:35px;--r:235deg;animation-delay:.13s!important}.confetti span:nth-child(8){--x:-87px;--y:-50px;--r:380deg;animation-delay:.18s!important}.confetti span:nth-child(9){--x:-42px;--y:-99px;--r:175deg;animation-delay:.03s!important}.confetti span:nth-child(10){--x:130px;--y:8px;--r:225deg;animation-delay:.23s!important}.confetti span:nth-child(11){--x:-122px;--y:-9px;--r:315deg;animation-delay:.11s!important}.confetti span:nth-child(12){--x:7px;--y:-130px;--r:270deg;animation-delay:.17s!important}
.demo-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-note{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:17px;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.35)}.demo-note>span{color:var(--teal);font-size:.62rem;font-weight:900;letter-spacing:.12em}.demo-note p{margin:0;color:var(--muted);font-size:.75rem}.demo-note a{color:var(--teal);font-size:.74rem;font-weight:900;white-space:nowrap}
.demo-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 25px;border-bottom:1px solid rgba(255,255,255,.08);background:#071725;color:#77909c}.demo-progress>span,.demo-progress>strong{font-size:.52rem;font-weight:900;letter-spacing:.12em}.demo-progress>strong{min-width:42px;color:var(--demo-aqua);text-align:right}.demo-progress progress{width:100%;height:5px;overflow:hidden;border:0;border-radius:999px;background:rgba(255,255,255,.09);color:var(--demo-aqua);appearance:none}.demo-progress progress::-webkit-progress-bar{border-radius:999px;background:rgba(255,255,255,.09)}.demo-progress progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--demo-aqua),var(--demo-gold));transition:width .55s cubic-bezier(.2,.75,.2,1)}.demo-progress progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--demo-aqua),var(--demo-gold))}.keyboard-hint{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#061623;color:#76909c;font-size:.56rem}.keyboard-hint>span{margin-right:5px;color:var(--demo-aqua);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.keyboard-hint kbd{min-width:23px;padding:2px 5px;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;background:rgba(255,255,255,.06);color:#c6d4da;font:700 .52rem ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.clipboard-helper{position:fixed;left:-9999px;width:1px;height:1px;opacity:0}.ethical-demo{view-transition-name:ethical-demo}::view-transition-group(ethical-demo){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}::view-transition-old(ethical-demo){animation:demo-view-out .34s ease both}::view-transition-new(ethical-demo){animation:demo-view-in .42s ease both}html:active-view-transition-type(forward)::view-transition-old(ethical-demo){animation-name:demo-view-left}html:active-view-transition-type(backward)::view-transition-old(ethical-demo){animation-name:demo-view-right}
.workflow-handoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:54px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(216,239,234,.42));box-shadow:0 18px 55px rgba(34,43,48,.07)}.handoff-copy h2{max-width:650px;font-size:clamp(2rem,3.8vw,3.35rem)}.handoff-copy>p:not(.eyebrow){max-width:670px;margin:18px 0 0;color:var(--muted)}.handoff-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;margin-top:27px}.handoff-flow span{display:flex;min-height:52px;padding:9px;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.64rem;font-weight:800;line-height:1.3}.handoff-flow span i{color:var(--teal);font:900 .52rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.handoff-flow>b{color:var(--teal);font-size:.72rem}.handoff-code pre{max-height:360px;font-size:.71rem}.handoff-code .copy-button{display:inline-flex;align-items:center}.demo-guide{width:min(calc(100% - 28px),780px);max-height:min(820px,calc(100dvh - 32px));overflow:auto;border:1px solid rgba(100,215,202,.25);background:#081b2b;color:#dbe8ed}.demo-guide::backdrop{background:rgba(2,12,23,.78);backdrop-filter:blur(8px)}.guide-shell{padding:clamp(24px,5vw,46px)}.guide-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.guide-top h2{color:white;font-size:clamp(2.2rem,5vw,4rem)}.guide-top .eyebrow{color:var(--demo-aqua)}.guide-close{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:white;font-size:1.45rem;line-height:1}.guide-close:hover{background:var(--demo-aqua);color:#061722}.guide-lede{max-width:660px;color:#a5bac4;font-size:1rem}.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 0;padding:0;list-style:none}.guide-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035)}.guide-steps li>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(100,215,202,.11);color:var(--demo-aqua);font:900 .56rem ui-monospace,SFMono-Regular,Menlo,monospace}.guide-steps h3{color:white;font-size:.88rem}.guide-steps p{margin:5px 0 0;color:#91a8b3;font-size:.7rem;line-height:1.5}.guide-tip{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:15px;padding:15px 17px;border-left:3px solid var(--demo-gold);border-radius:5px 11px 11px 5px;background:rgba(242,204,86,.07)}.guide-tip strong{color:var(--demo-gold);font-size:.7rem}.guide-tip p{margin:0;color:#b4c4cb;font-size:.71rem}
.ethical-demo[data-scenario="hiring"] .classification-pill{border-color:rgba(237,132,101,.5);background:rgba(237,132,101,.1);color:var(--demo-coral)}.ethical-demo[data-scenario="hiring"] .matrix-mini .cell.active{border-color:var(--demo-coral);background:rgba(237,132,101,.13);color:var(--demo-coral)}.ethical-demo[data-scenario="outreach"] .classification-pill{border-color:rgba(120,168,237,.5);background:rgba(120,168,237,.1);color:var(--demo-blue)}.ethical-demo[data-scenario="outreach"] .matrix-mini .cell.active{border-color:var(--demo-blue);background:rgba(120,168,237,.13);color:var(--demo-blue)}
@keyframes demo-pulse{50%{opacity:.45;transform:scale(.94)}}@keyframes grid-scan{to{transform:translateX(100%)}}@keyframes line-flow{to{stroke-dashoffset:-242}}@keyframes packet-to-jymni{0%{opacity:0;transform:translate(-22px,-15px) scale(.72)}20%,72%{opacity:1}100%{left:46%;opacity:0;transform:translate(0,-15px) scale(.84)}}@keyframes packet-to-gate{0%{opacity:0;transform:translate(-10px,15px) scale(.72)}20%,72%{opacity:1}100%{left:76%;opacity:0;transform:translate(0,15px) scale(.84)}}@keyframes caret-blink{50%{opacity:1}}@keyframes orbit-clockwise{to{transform:rotate(360deg)}}@keyframes orbit-counter{from{transform:rotate(58deg)}to{transform:rotate(-302deg)}}@keyframes core-breathe{50%{box-shadow:0 0 38px rgba(100,215,202,.58);transform:scale(1.08)}}@keyframes lens-think{50%{background:rgba(100,215,202,.2);color:#d7f2ef;transform:translateY(-2px)}}@keyframes advice-enter{to{opacity:1;transform:none}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0,0) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(var(--x,45px),var(--y,-80px)) rotate(var(--r,180deg)) scale(.65)}}@keyframes demo-view-out{to{opacity:0;transform:scale(.985)}}@keyframes demo-view-in{from{opacity:0;transform:scale(1.012)}}@keyframes demo-view-left{to{opacity:0;transform:translateX(-24px)}}@keyframes demo-view-right{to{opacity:0;transform:translateX(24px)}}
@media(max-width:900px){.nav-shell{padding:12px 0;flex-wrap:wrap}.brand{margin-right:0}.site-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.site-nav a{white-space:nowrap}.nav-cta{margin-left:auto}.hero-grid,.section-head,.credential-shell{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.card-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.disposition-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{grid-template-columns:1fr}.toc{position:static}.toc ol{grid-template-columns:repeat(2,1fr)}.cta-grid{grid-template-columns:1fr}.demo-intro{align-items:start;flex-direction:column}.demo-canvas{grid-template-columns:1fr;gap:18px;padding:38px 18px}.demo-canvas::before{content:"";position:absolute;z-index:-1;top:38px;bottom:38px;left:50%;border-left:1px dashed rgba(100,215,202,.24)}.demo-connectors,.data-packet{display:none}.system-node{width:min(100%,520px);margin:auto}.jymni-node{min-height:230px}.chapter-rail{grid-template-columns:repeat(3,1fr)}.chapter-rail li:nth-child(-n+3) button{border-bottom:1px solid rgba(255,255,255,.09)}.counsel-reveal{grid-template-columns:1fr}.ethical-demo[data-phase="2"] .counsel-reveal,.ethical-demo[data-phase="3"] .counsel-reveal,.ethical-demo[data-phase="4"] .counsel-reveal,.ethical-demo[data-phase="5"] .counsel-reveal,.ethical-demo[data-phase="6"] .counsel-reveal{max-height:1150px}.behavior-diff{grid-template-columns:1fr 1fr}.audit-receipt{grid-column:1/3}.ethical-demo[data-phase="5"] .behavior-diff,.ethical-demo[data-phase="6"] .behavior-diff{max-height:520px}}
@media(max-width:900px){.workflow-handoff{grid-template-columns:1fr}.handoff-code{width:100%}}
@media(max-width:600px){body{font-size:15px}.hero{padding-top:54px}.hero-grid{grid-template-columns:minmax(0,1fr)}.counsel-card{padding:24px}.trust-grid,.card-grid,.flow,.disposition-grid,.checklist{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line)}.flow article{padding-inline:12px}.card .index{margin-bottom:28px}.disposition{min-height:160px}.disposition::before{margin-bottom:34px}.docs-layout{padding-top:44px}.toc ol{grid-template-columns:1fr 1fr}.step{padding:72px 22px 24px}.step::before{top:22px;left:22px}.footer-grid{grid-template-columns:1fr}.credential{grid-template-columns:1fr}.secret-box{grid-template-columns:1fr}.secret-box .copy-button{justify-self:start}.demo-section{padding-top:48px}.scenario-options{width:100%;border-radius:17px;flex-direction:column}.scenario-options button{width:100%}.ethical-demo{margin-inline:-9px;border-radius:22px}.demo-toolbar{padding:12px 13px}.demo-live{font-size:.63rem}.demo-control{padding-inline:11px}.demo-controls .demo-control:not(.primary){display:none}.mission-strip{grid-template-columns:1fr auto;padding-inline:14px}.mission-strip>span:first-child{grid-column:1/3}.mission-strip strong{white-space:normal}.demo-canvas{padding-inline:11px}.chapter-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.chapter-rail li{min-width:145px;scroll-snap-align:start}.chapter-rail button{min-height:93px}.counsel-reveal{padding-inline:11px}.ethical-demo[data-phase="2"] .counsel-reveal,.ethical-demo[data-phase="3"] .counsel-reveal,.ethical-demo[data-phase="4"] .counsel-reveal,.ethical-demo[data-phase="5"] .counsel-reveal,.ethical-demo[data-phase="6"] .counsel-reveal{padding:16px 11px;max-height:1280px}.case-envelope,.counsel-panel{padding:17px}.judgment-grid{grid-template-columns:1fr}.behavior-diff{grid-template-columns:1fr;padding-inline:11px}.audit-receipt{grid-column:auto}.ethical-demo[data-phase="5"] .behavior-diff,.ethical-demo[data-phase="6"] .behavior-diff{padding:20px 11px;max-height:600px}.demo-note{grid-template-columns:1fr}.demo-note a{white-space:normal}}
@media(max-width:600px){#demoShare{display:inline-flex}.demo-progress{grid-template-columns:1fr auto;padding-inline:14px}.demo-progress>span{display:none}.keyboard-hint{justify-content:flex-start;padding-inline:13px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.workflow-handoff{margin-top:35px;padding:24px 18px}.handoff-flow{grid-template-columns:1fr 1fr}.handoff-flow>b{display:none}.handoff-code pre{font-size:.62rem}.guide-steps{grid-template-columns:1fr}.guide-tip{grid-template-columns:1fr}.demo-guide{max-height:calc(100dvh - 18px)}.guide-shell{padding:25px 19px}}
@media(max-width:370px){#demoShareLabel{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ethical-demo[data-phase="2"] .packet-a,.ethical-demo[data-phase="4"] .packet-b,.ethical-demo[data-phase="6"] .confetti span{display:none}.score-stack b{transition:none}::view-transition-group(ethical-demo),::view-transition-old(ethical-demo),::view-transition-new(ethical-demo){animation:none!important}}
@media(prefers-contrast:more){.ethical-demo{border-color:#9fe9e0}.system-node,.case-envelope,.counsel-panel,.chapter-rail button,.advice-list li{border-color:rgba(255,255,255,.32)}.node-kicker,.chapter-rail small,.keyboard-hint,.case-envelope dd,.score-stack span{color:#c0d2d9}.demo-control{border-color:rgba(255,255,255,.5)}}
@media(prefers-color-scheme:dark){:root{--paper:#0b1826;--paper-2:#102337;--ink:#eef5fa;--ink-2:#d0dce6;--muted:#98aabd;--teal:#68c9be;--teal-light:#123c41;--sun:#e9c65c;--coral:#ec8a6c;--line:rgba(226,239,248,.16);--surface:rgba(19,39,57,.86);--surface-solid:#14283b;--focus:#8bbcff;--shadow:0 24px 70px rgba(0,0,0,.3)}body{background:radial-gradient(circle at 8% 4%,rgba(13,128,124,.18),transparent 25rem),var(--paper)}.site-header{background:rgba(11,24,38,.9)}.site-nav a[aria-current="page"]{background:#e8f0f5;color:#102337}.card,.panel,.disposition,.faq details,.credential{box-shadow:none}.button.secondary,.nav-cta{border-color:var(--ink);color:var(--ink)}.inline-code{background:rgba(255,255,255,.1)}.callout{background:#123c41}.step::before{background:#eef5fa;color:#102337}.flow article::before{background:var(--paper)}}

/* Guided scenario callouts */
.demo-page main,.demo-page .ethical-demo{overflow:clip}
.demo-callout{position:relative;z-index:21;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 30px;align-items:center;padding:22px 26px;border-block:1px solid rgba(242,204,86,.35);border-left:4px solid var(--demo-gold);background:#112c3d;box-shadow:0 12px 28px rgba(0,0,0,.2);scroll-margin-top:calc(var(--demo-header-height,77px) + 12px)}
.callout-sticky .demo-callout{position:sticky;top:var(--demo-header-height,77px)}
.demo-callout-copy{min-width:0}
.demo-callout-eyebrow{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 8px;color:var(--demo-gold);font-size:.65rem;font-weight:850;letter-spacing:.08em}
.demo-callout-eyebrow span+span{color:#acc5cf;letter-spacing:0}
.demo-callout h3{margin:0;color:#fff;font-family:Manrope;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.35;letter-spacing:-.015em}
.demo-callout-copy>p:last-child{max-width:76ch;margin:9px 0 0;color:#d3e3e9;font-size:.83rem;line-height:1.6}
.demo-callout-actions{width:300px}
.demo-step-controls{display:flex;flex-wrap:wrap;gap:7px}
.demo-step-controls .demo-control{min-height:44px;padding-inline:12px;border-radius:10px;border-color:#708b99;font-size:.75rem;white-space:nowrap}
.demo-step-controls .primary{border-color:var(--demo-gold);background:var(--demo-gold);color:#071b28}
.demo-step-controls .primary:hover{background:#ffe082}
.demo-step-controls [aria-disabled="true"]{opacity:.4;cursor:default}
.demo-callout-footer{display:flex;align-items:start;flex-direction:column;gap:6px;margin-top:10px}
.demo-callout-footer p{margin:0;color:#afc5cf;font-size:.67rem;line-height:1.5}
#demoShowChange{min-height:32px;padding:2px 0;border:0;background:none;color:var(--demo-gold);font-size:.72rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
#demoShowChange:hover{color:#ffe99e}
.ethical-demo [data-demo-highlight]{position:relative;outline:2px solid var(--demo-gold);outline-offset:5px}
.ethical-demo [data-demo-highlight]::before{content:attr(data-demo-highlight) " · LOOK HERE";position:absolute;z-index:10;top:-18px;left:14px;padding:5px 9px;border:1px solid var(--demo-gold);border-radius:6px;background:var(--demo-gold);color:#071b28;font:850 .58rem/1.2 Manrope,sans-serif;letter-spacing:.06em;white-space:nowrap}
.demo-page .plan-stack{display:grid;margin-bottom:14px}
.demo-page .plan-card{position:relative;grid-area:1/1;inset:auto}
.demo-page .ethical-demo[data-phase="5"] .original-plan,.demo-page .ethical-demo[data-phase="6"] .original-plan{opacity:0}
.ethical-demo:not(.is-playing) :is(.live-dot,.connector-flow,.data-packet,.orbit,.jymni-core,.lens-row span,.reasoning-stream i,.confetti span){animation-play-state:paused}
@media(max-width:1100px){.demo-callout{grid-template-columns:minmax(0,1fr)}.demo-callout-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;width:auto}.demo-callout-footer{align-items:end;margin:0}}
@media(max-width:600px){.demo-callout{gap:14px;padding:17px 14px}.demo-callout-copy>p:last-child{font-size:.78rem;line-height:1.5}.demo-callout-eyebrow{font-size:.6rem}.demo-callout-actions{display:block}.demo-step-controls{display:grid;grid-template-columns:auto 1fr 1fr}.demo-step-controls .demo-control{padding-inline:9px}.demo-callout-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.demo-callout-footer p{max-width:190px;font-size:.63rem}#demoShowChange{flex:none;font-size:.66rem}.ethical-demo [data-demo-highlight]{outline-offset:3px}}

/* First-class agent principal console */
.credential-advanced{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.22)}.credential-advanced summary{min-height:48px;padding:12px 14px;color:var(--teal);font-size:.78rem;font-weight:800;cursor:pointer}.credential-advanced[open]{padding:0 14px 16px}.credential-advanced[open] summary{margin-inline:-14px;padding-inline:28px;border-bottom:1px solid var(--line)}.credential-advanced .field:first-of-type{margin-top:16px}

/* Human authorization for bot-initiated device enrollment */
.connect-hero{background:radial-gradient(circle at 82% 32%,rgba(100,215,202,.18),transparent 24rem),linear-gradient(180deg,var(--paper-2),var(--paper))}.connect-shell{width:min(100%,780px)}.connect-panel{padding:clamp(24px,5vw,48px);box-shadow:0 24px 70px rgba(11,33,57,.12)}.connect-panel[hidden]{display:none}.connect-panel:focus{outline:none}.connect-step{margin:0 0 10px;color:var(--teal);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.agent-request-card{display:grid;grid-template-columns:auto 1fr;gap:18px;margin:24px 0;padding:22px;border:1px solid rgba(13,128,124,.24);border-radius:18px;background:linear-gradient(135deg,rgba(100,215,202,.12),rgba(255,255,255,.42))}.agent-request-card .agent-principal-icon{width:48px;height:48px}.agent-request-card h3{margin:2px 0 5px;font-size:1.35rem}.agent-request-card p{margin:0;color:var(--muted)}.agent-request-card .request-platform{color:var(--teal);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.agent-request-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}.agent-request-card dl div{min-width:0;padding-top:10px;border-top:1px solid var(--line)}.agent-request-card dt{color:var(--muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.agent-request-card dd{margin:4px 0 0;font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.ownership-callout{margin:0 0 26px;padding:17px 19px;border-left:4px solid var(--sun);border-radius:0 13px 13px 0;background:rgba(242,204,86,.12)}.ownership-callout p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.connect-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.danger-button.subtle{border-color:rgba(179,65,48,.35);background:transparent;color:#9b3024}.danger-button.subtle:hover{background:rgba(179,65,48,.08)}.success-mark{display:grid;width:60px;height:60px;margin-bottom:20px;place-items:center;border-radius:50%;background:var(--teal);box-shadow:0 12px 32px rgba(13,128,124,.28);color:white;font-size:1.8rem;font-weight:900}.field-error{display:none;margin-top:7px;color:#a52f24;font-size:.78rem;font-weight:700}.field input:user-invalid{border-color:#b34130}.field input:user-invalid~.field-error,.field input[aria-invalid="true"]~.field-error{display:block}.connect-panel button:disabled{cursor:wait;opacity:.58}
@media(max-width:600px){.connect-panel{padding:25px 18px}.agent-request-card{grid-template-columns:1fr}.agent-request-card dl{grid-template-columns:1fr}.connect-actions{align-items:stretch;flex-direction:column}.connect-actions>*{width:100%}}
.agent-principal-note{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin:20px 0 4px;padding:14px;border:1px solid rgba(13,128,124,.2);border-radius:14px;background:linear-gradient(120deg,rgba(100,215,202,.12),rgba(255,255,255,.38))}.agent-principal-note p{margin:0;color:var(--muted);font-size:.8rem}.agent-principal-note strong{color:var(--ink)}.agent-principal-icon{position:relative;width:38px;height:38px;border:1px solid rgba(13,128,124,.4);border-radius:12px;background:var(--surface-solid)}.agent-principal-icon::before{content:"";position:absolute;inset:10px;border:2px solid var(--teal);border-radius:5px}.agent-principal-icon::after{content:"";position:absolute;left:17px;top:5px;width:4px;height:6px;border-radius:3px;background:var(--sun);box-shadow:-5px 14px 0 -1px var(--teal),5px 14px 0 -1px var(--teal)}.credential>div{min-width:0}.credential-client-id{display:inline-block;margin-top:5px;color:var(--teal);font-size:.72rem;font-weight:800;overflow-wrap:anywhere}.credential .credential-purpose{margin-top:8px;color:var(--ink-2);font-size:.8rem}.credential .credential-auth{font-size:.7rem;opacity:.8}.credential-status{align-self:start;padding:6px 9px;border-radius:999px;background:rgba(179,65,48,.1);color:#8c2424;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.credential.status-suspended{border-color:rgba(184,120,24,.35);background:rgba(255,246,223,.5)}.credential.status-suspended .credential-status{background:rgba(184,120,24,.13);color:#825810}.credential-actions{display:grid;gap:7px;justify-items:stretch}.credential-rotate{min-height:40px;padding:0 13px;border:1px solid rgba(13,128,124,.5);border-radius:999px;background:rgba(13,128,124,.06);color:var(--teal);font-weight:800}.credential-rotate:hover{background:rgba(13,128,124,.13)}

/* 2026 cinematic demo instrumentation */
.ethical-demo{--phase-energy:0;--pointer-x:50%;--pointer-y:50%;--pointer-dx:0px;--pointer-dy:0px;--pointer-rx:0px;--pointer-ry:0px;position:relative;isolation:isolate;box-shadow:0 44px 120px rgba(2,16,29,.32),0 0 0 1px rgba(100,215,202,.05),inset 0 1px rgba(255,255,255,.08)}
.ethical-demo::before{content:"";position:absolute;z-index:20;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y),rgba(100,215,202,.075),transparent 52%);mix-blend-mode:screen}
.demo-live em{padding:4px 7px;border:1px solid rgba(100,215,202,.18);border-radius:5px;background:rgba(100,215,202,.06);color:#6f939e;font:800 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.09em}
.quadrant-policy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;margin:0;padding:13px 20px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(100deg,rgba(120,168,237,.055),rgba(100,215,202,.035) 52%,rgba(242,204,86,.035));color:#d8e6eb}.quadrant-policy legend{float:left;grid-row:1/3;align-self:center;width:166px;padding:0;color:#a9bdc5;font-size:.7rem;font-weight:780;line-height:1.4}.quadrant-policy legend span{display:block;margin-bottom:3px;color:var(--demo-aqua);font:850 .48rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.quadrant-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.quadrant-policy-grid button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;min-width:0;min-height:46px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.025);color:#8fa6b0;text-align:left}.quadrant-policy-grid button:hover{border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.06);color:#dce9ee}.quadrant-policy-grid button[aria-pressed="true"]{border-color:rgba(100,215,202,.5);background:rgba(100,215,202,.105);box-shadow:inset 0 0 18px rgba(100,215,202,.04);color:white}.quadrant-policy-grid button i{width:8px;height:8px;border:1px solid currentColor;border-radius:2px;transform:rotate(45deg)}.quadrant-policy-grid button[data-quadrant-focus="aligned"] i{color:var(--demo-aqua)}.quadrant-policy-grid button[data-quadrant-focus="self_serving"] i{color:var(--demo-coral)}.quadrant-policy-grid button[data-quadrant-focus="well_meant"] i{color:var(--demo-gold)}.quadrant-policy-grid button[data-quadrant-focus="reckless"] i{color:#a2abb6}.quadrant-policy-grid strong,.quadrant-policy-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quadrant-policy-grid strong{font-size:.62rem}.quadrant-policy-grid small{margin-top:2px;color:#6f8995;font-size:.47rem}.quadrant-policy>p{grid-column:2;margin:0;color:#78939e;font-size:.58rem;line-height:1.45}.quadrant-policy>p strong{color:#abc1c9}
.demo-telemetry{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#06131f,#081b2a 48%,#06131f)}
.demo-telemetry>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-width:0;padding:11px 18px;border-right:1px solid rgba(255,255,255,.07)}
.demo-telemetry>div:last-child{border-right:0}.demo-telemetry span{grid-column:1/3;color:#607d8a;font-size:.47rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.demo-telemetry strong{overflow:hidden;color:#9eb3bc;font:800 .58rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.demo-telemetry i{align-self:center;width:5px;height:5px;border-radius:50%;background:#58727d;box-shadow:0 0 0 4px rgba(88,114,125,.08)}
.ethical-demo[data-phase]:not([data-phase="0"]) .demo-telemetry i{background:var(--demo-aqua);box-shadow:0 0 0 4px rgba(100,215,202,.08),0 0 14px rgba(100,215,202,.45)}
.ethical-demo[data-phase="6"] .demo-telemetry>div:last-child{background:linear-gradient(90deg,transparent,rgba(100,215,202,.08))}.ethical-demo[data-phase="6"] .demo-telemetry>div:last-child strong{color:var(--demo-aqua)}
.demo-field{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:calc(.52 + var(--phase-energy) * .34)}
.demo-canvas::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(330px circle at var(--pointer-x) var(--pointer-y),rgba(120,168,237,.08),transparent 67%)}
.demo-aurora{position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;pointer-events:none;filter:blur(66px);opacity:calc(.13 + var(--phase-energy) * .15);transition:opacity .8s ease,transform .18s ease-out}.aurora-a{top:-190px;left:15%;background:rgba(100,215,202,.55);transform:translate3d(var(--pointer-dx),var(--pointer-dy),0)}.aurora-b{right:4%;bottom:-230px;background:rgba(120,168,237,.52);transform:translate3d(var(--pointer-rx),var(--pointer-ry),0)}
.ethical-demo[data-scenario="hiring"] .aurora-b{background:rgba(237,132,101,.48)}.ethical-demo[data-scenario="outreach"] .aurora-a{background:rgba(120,168,237,.52)}
.demo-frame-marks{position:absolute;z-index:6;inset:17px;pointer-events:none}.demo-frame-marks span{position:absolute;width:22px;height:22px;border-color:rgba(100,215,202,.26);border-style:solid}.demo-frame-marks span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.demo-frame-marks span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.demo-frame-marks span:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.demo-frame-marks span:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}
.reasoning-stream{display:flex;align-items:center;justify-content:center;gap:5px;min-height:20px;margin-top:11px;opacity:.28;transition:opacity .45s ease}.reasoning-stream span{padding:3px 5px;border:1px solid rgba(100,215,202,.13);border-radius:4px;background:rgba(100,215,202,.05);color:#82a5ad;font:750 .43rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.reasoning-stream i{width:11px;height:1px;background:linear-gradient(90deg,transparent,var(--demo-aqua));transform-origin:left}.ethical-demo[data-phase="3"] .reasoning-stream,.ethical-demo[data-phase="4"] .reasoning-stream{opacity:1}.ethical-demo[data-phase="3"] .reasoning-stream i{animation:reason-stream .85s ease-in-out infinite}.ethical-demo[data-phase="3"] .reasoning-stream span{border-color:rgba(100,215,202,.31);color:#b8e4df}
.matrix-mini .cell{position:relative}.matrix-mini .cell.focus{outline:1px dashed rgba(255,255,255,.72);outline-offset:-4px}.matrix-mini .cell.focus::after{content:"FOCUS";position:absolute;right:3px;bottom:2px;color:rgba(255,255,255,.65);font:800 .31rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.matrix-mini .cell.active.focus{outline-color:#fff}.thought-window{font-size:.72rem}.plan-card p{font-size:.7rem}.agent-identity p,.jymni-copy p{font-size:.72rem}.case-envelope dd{font-size:.67rem}.advice-list p{font-size:.63rem}.disposition-banner p{font-size:.65rem}
.decision-seal{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;align-items:center;margin:8px 13px 0;padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(1,11,19,.32);opacity:.54;transition:border-color .5s ease,background .5s ease,opacity .5s ease}.decision-seal i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#607985;box-shadow:0 0 0 4px rgba(96,121,133,.08)}.decision-seal span{color:#65828d;font-size:.42rem;font-weight:900;letter-spacing:.13em}.decision-seal strong{overflow:hidden;color:#91a8b1;font:750 .5rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.ethical-demo[data-phase="4"] .decision-seal,.ethical-demo[data-phase="5"] .decision-seal,.ethical-demo[data-phase="6"] .decision-seal{border-color:rgba(100,215,202,.22);background:rgba(100,215,202,.055);opacity:1}.ethical-demo[data-phase="4"] .decision-seal i,.ethical-demo[data-phase="5"] .decision-seal i,.ethical-demo[data-phase="6"] .decision-seal i{background:var(--demo-aqua);box-shadow:0 0 0 4px rgba(100,215,202,.09),0 0 16px rgba(100,215,202,.42)}.ethical-demo[data-phase="6"] .decision-seal strong{color:var(--demo-aqua)}
@keyframes reason-stream{0%,100%{opacity:.22;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:900px){.quadrant-policy{grid-template-columns:1fr}.quadrant-policy legend{float:none;grid-row:auto;width:auto}.quadrant-policy>p{grid-column:1}.demo-telemetry{grid-template-columns:repeat(2,1fr)}.demo-telemetry>div:nth-child(2){border-right:0}.demo-telemetry>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.demo-field{opacity:.42}.demo-aurora{width:280px;height:280px}.demo-frame-marks{inset:10px}}
@media(max-width:600px){.demo-live em{display:none}.quadrant-policy{padding:13px 11px}.quadrant-policy-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.quadrant-policy-grid button{min-width:145px;scroll-snap-align:start}.quadrant-policy>p{font-size:.62rem}.demo-telemetry>div{padding:9px 11px}.demo-telemetry span{font-size:.42rem}.demo-telemetry strong{font-size:.5rem}.reasoning-stream{gap:3px}.reasoning-stream span{font-size:.39rem}.decision-seal strong{font-size:.45rem}.ethical-demo::before{display:none}}
@media(prefers-reduced-motion:reduce){.demo-field{opacity:.34}.demo-aurora{transform:none}.reasoning-stream i{animation:none!important}}
@media(prefers-contrast:more){.demo-telemetry>div,.reasoning-stream span,.decision-seal{border-color:rgba(255,255,255,.35)}.demo-telemetry span,.decision-seal span{color:#aac0c9}}

/* Preserve readable foreground/background pairs when the agent site follows dark mode. */
@media(prefers-color-scheme:dark){
  .brand img,.footer-brand img{filter:brightness(0) invert(1);opacity:.96}
  .skip-link{background:#eef5fa;color:#102337}
  .button{border-color:#68c9be;background:#68c9be;color:#0b2139}
  .button:hover{border-color:#8ddbd2;background:#8ddbd2;color:#061722}
  .button.secondary{background:transparent;color:#eef5fa}
  .button.secondary:hover,.nav-cta:hover{border-color:#eef5fa;background:#eef5fa;color:#102337}
  .method,.callout-mark,.success-mark{color:#061722}
  .demo-page .scenario-options{border-color:rgba(226,239,248,.2);background:#102337}
  .demo-page .scenario-options button{color:#b7c8d4}
  .demo-page .scenario-options button:hover{background:#17334b;color:#eef5fa}
  .demo-page .scenario-options button[aria-pressed="true"]{background:#68c9be;color:#0b2139}
  .demo-page .demo-note{border-color:rgba(226,239,248,.18);background:#102337}
  .demo-page .demo-note p{color:#b7c8d4}
  .demo-page .workflow-handoff{border-color:rgba(226,239,248,.18);background:linear-gradient(135deg,#102337,#123c41)}
  .demo-page .handoff-copy>p:not(.eyebrow){color:#b7c8d4}
  .demo-page .handoff-flow span{border-color:rgba(226,239,248,.18);background:#0b1d2d;color:#eef5fa}
  .demo-page .section.alt{border-color:rgba(226,239,248,.16);background:#172738}
  .demo-page .section.alt .section-head p{color:#aebfcb}
  .demo-page .card.accent{background:#176c6b}
  .demo-page .cta-band{background:#061421;color:#eef5fa}
  .demo-page .cta-grid h2{color:#eef5fa}
  .demo-page .cta-grid p{color:#b7c8d4}
  .demo-page .cta-grid .button{border-color:#e9c65c;background:#e9c65c;color:#0b2139}
  .demo-page .cta-grid .button:hover{border-color:#f2d879;background:#f2d879;color:#061722}
}

/* Keep the shared agent header visually stable across document navigation. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  .site-header {
    view-transition-name: agent-site-header;
  }

  ::view-transition-group(agent-site-header) {
    animation-duration: 0s;
  }

  ::view-transition-old(agent-site-header),
  ::view-transition-new(agent-site-header) {
    animation: none;
    mix-blend-mode: normal;
  }

  ::view-transition-old(root) {
    animation: agent-page-out 120ms ease-out both;
  }

  ::view-transition-new(root) {
    animation: agent-page-in 180ms ease-out both;
  }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}

@media (prefers-color-scheme: dark) {
  .site-nav a[aria-current="page"],
  .site-nav a[aria-current="page"]:hover {
    background: #e8f0f5;
    color: #102337;
  }

  .home-site-nav .home-login-link {
    background: transparent;
    color: var(--muted);
  }

  .home-site-nav .home-login-link:hover {
    background: rgba(104, 201, 190, 0.08);
    color: var(--ink);
  }
}

@keyframes agent-page-out {
  to { opacity: 0.94; }
}

@keyframes agent-page-in {
  from { opacity: 0.94; }
}

@media (prefers-color-scheme: dark) {
  .card .index { color: var(--teal); }
  .card.accent .index { color: #0b2139; }
}